-
Notifications
You must be signed in to change notification settings - Fork 0
/
video3.html
47 lines (47 loc) · 1.85 KB
/
video3.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<!DOCTYPE html>
<html>
<head>
<title>Three Gorges Dam Stream (side angle)</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="robots" content="noarchive,snippet,index,follow">
<meta name="referrer" content="no-referrer">
<style type="text/css">
body {
font-family:sans-serif
}
</style>
<script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
</head>
<body>
<p><b>Stream selection</b>: <a href="video2.html">side angle</a> + <a href="video.html">spillway angle</a>. Bonus: <a href="video3.html">Wuhan</a></p>
<video id="video" width="1136" height="640" controls></video>
<script>
var video = document.getElementById('video');
var videoSrc = 'https://pl.live.weibo.com/alicdn/c9804a019657f1a3df5bafdd98e0c71d_wb640.m3u8?fr=1';
if (Hls.isSupported()) {
var hls = new Hls();
hls.loadSource(videoSrc);
hls.attachMedia(video);
hls.on(Hls.Events.MANIFEST_PARSED, function() {
video.play();
});
}
else if (video.canPlayType('application/vnd.apple.mpegurl')) {
video.src = videoSrc;
video.addEventListener('loadedmetadata', function() {
video.play();
});
}
</script>
<br>
<p>
Direct stream link for mpv/vlc: <input style="width: 40em" type="text" value="https://pl.live.weibo.com/alicdn/c9804a019657f1a3df5bafdd98e0c71d_wb640.m3u8?fr=1" readonly> (640 → 720 also works)
</p>
<p>
If this doesn't work, try the <a href="https://live.media.weibo.com/show?id=1042152:c9804a019657f1a3df5bafdd98e0c71d">original source</a>. Also available: a different <a href="https://www.youtube.com/watch?v=ZAPcpE5pWqI">Wuhan cam</a>.
</p>
<p>
<a href="/">← back to the main page</a>
</p>
</body>
</html>