@liveqing/liveplayer 2.7.31 → 2.7.32
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/element/index.html
CHANGED
|
@@ -21,8 +21,8 @@
|
|
|
21
21
|
<!-- <live-player video-url="http://192.168.1.11:10080/vod/download/mwoDv_iWR" muted="true" aspect="16:9"></live-player> -->
|
|
22
22
|
|
|
23
23
|
<!-- <live-player id="player01" video-url="http://192.168.2.135:10080/vhls/0XpHAMvWR/0XpHAMvWR_live.m3u8" live="true" aspect="16:9" stretch="true">
|
|
24
|
-
|
|
25
|
-
|
|
24
|
+
<div style="position:absolute;left:15px;top:15px;color:#FFF;">自定义叠加层</div>
|
|
25
|
+
</live-player> -->
|
|
26
26
|
|
|
27
27
|
<!-- <live-player video-url="http://192.168.2.135:10080/flv/hls/ZJ9rizvZg.flv" live="true" aspect="16:9" stretch="true"></live-player> -->
|
|
28
28
|
|
|
@@ -32,18 +32,6 @@
|
|
|
32
32
|
//--------------------JavaScript 交互示例, 当前示例页面放置到web容器里通过http请求访问页面--------------------
|
|
33
33
|
// var player = document.getElementById('player01');
|
|
34
34
|
// var videoUrlBak = "";
|
|
35
|
-
// document.addEventListener("visibilitychange", () => {
|
|
36
|
-
// if (document.visibilityState === 'visible') {
|
|
37
|
-
// if(videoUrlBak) {
|
|
38
|
-
// console.log("标签页恢复可见, 继续播放...");
|
|
39
|
-
// player.setAttribute("video-url", videoUrlBak);
|
|
40
|
-
// }
|
|
41
|
-
// } else {
|
|
42
|
-
// console.log("标签页不可见, 停止播放...");
|
|
43
|
-
// videoUrlBak = player.getAttribute("video-url");
|
|
44
|
-
// player.setAttribute("video-url", "");
|
|
45
|
-
// }
|
|
46
|
-
// });
|
|
47
35
|
// player.addEventListener('snapOutside', function(evt) {
|
|
48
36
|
// console.log('获取快照 base64 数据', evt.detail[0]);
|
|
49
37
|
// });
|
|
@@ -53,9 +41,15 @@
|
|
|
53
41
|
// player.addEventListener('fullscreen', function(evt) {
|
|
54
42
|
// console.log('fullscreen', evt.detail[0]);
|
|
55
43
|
// });
|
|
56
|
-
// player.addEventListener('
|
|
44
|
+
// player.addEventListener('canplay', function(evt) {
|
|
45
|
+
// console.log('canplay, duration = ', evt.detail[0] + 's');
|
|
46
|
+
// });
|
|
47
|
+
// player.addEventListener('play', function(evt) {
|
|
57
48
|
// console.log('play, t = ', evt.detail[0] + 's', ', duration = ', player.getVueInstance().getDuration() + 's');
|
|
58
49
|
// });
|
|
50
|
+
// player.addEventListener('volumechange', function(evt) {
|
|
51
|
+
// console.log('volumechange, volume = ' + evt.detail[0] + ', muted = ' + evt.detail[1]);
|
|
52
|
+
// });
|
|
59
53
|
// setTimeout(function() {
|
|
60
54
|
// console.log("快照, 回调 snapOutside...");
|
|
61
55
|
// player.getVueInstance().snap();
|