tcplayer.js 4.8.0 → 4.9.0-beta.1
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/examples/vod/axios.html +56 -0
- package/dist/examples/vod/tcplayer-continue-play.html +195 -0
- package/dist/examples/vod/tcplayer-hls-live-5.0.0.html +183 -0
- package/dist/examples/vod/tcplayer-skip.html +105 -0
- package/dist/examples/vod/tcplayer-vod-all.html +21 -5
- package/dist/examples/vod/tcplayer-vod-base.html +26 -19
- package/dist/examples/vod/tcplayer-vod-pdt-seek.html +74 -0
- package/dist/examples/webrtc/tcplayer-src-webrtc-abr-new.html +119 -0
- package/dist/examples/webrtc/tcplayer-src-webrtc-abr.html +1 -2
- package/dist/examples/webrtc/tcplayer-test-fallback.html +111 -0
- package/dist/examples/webrtc/tcplayer.v4.8.0.min.js +17 -0
- package/dist/libs/TXLivePlayer-1.3.4.min.js +1 -0
- package/dist/libs/hls.min.1.1.7.js +4 -0
- package/dist/tcplayer.v4.9.0.min.js +18 -0
- package/package.json +2 -2
- package/CHANGELOG.md +0 -120
- package/dist/libs/TXLivePlayer-1.3.0.min.js +0 -1
- package/dist/libs/hls.min.1.1.6.js +0 -4
- package/dist/tcplayer.v4.8.0.min.js +0 -17
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
|
|
6
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
7
|
+
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
8
|
+
|
|
9
|
+
<title>Document</title>
|
|
10
|
+
<script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>
|
|
11
|
+
|
|
12
|
+
<script src="https://cdn.jsdelivr.net/npm/es6-promise@4/dist/es6-promise.auto.min.js"></script>
|
|
13
|
+
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
|
|
14
|
+
|
|
15
|
+
</head>
|
|
16
|
+
<body>
|
|
17
|
+
|
|
18
|
+
<script>
|
|
19
|
+
|
|
20
|
+
var vConsole = new window.VConsole();
|
|
21
|
+
|
|
22
|
+
// axios.get('https://license.vod2.myqcloud.com/license/v2/1314658011_1/v_cube.license').then(res => {
|
|
23
|
+
// document.body.innerHTML = JSON.stringify(res);
|
|
24
|
+
// }).catch(e=>{
|
|
25
|
+
// document.body.innerHTML = JSON.stringify(e);
|
|
26
|
+
// });
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
// var xhr = new XMLHttpRequest();
|
|
31
|
+
// xhr.open("GET", "https://license.vod2.myqcloud.com/license/v2/1314658011_1/v_cube.license", true);
|
|
32
|
+
// xhr.onload = function (e) {
|
|
33
|
+
// alert(xhr.readyState);
|
|
34
|
+
// alert(xhr.status);
|
|
35
|
+
// if (xhr.readyState === 4) {
|
|
36
|
+
// if (xhr.status === 200) {
|
|
37
|
+
// console.log('xhr.responseText', xhr.responseText);
|
|
38
|
+
// } else {
|
|
39
|
+
// console.error(xhr.statusText);
|
|
40
|
+
// }
|
|
41
|
+
// }
|
|
42
|
+
// };
|
|
43
|
+
// xhr.onerror = function (e) {
|
|
44
|
+
// console.error(xhr.statusText);
|
|
45
|
+
// };
|
|
46
|
+
// xhr.send(null);
|
|
47
|
+
|
|
48
|
+
fetch('https://license.vod2.myqcloud.com/license/v2/1314658011_1/v_cube.license').then((response) => response.json())
|
|
49
|
+
.then((data) => document.body.innerHTML = JSON.stringify(data));
|
|
50
|
+
|
|
51
|
+
</script>
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
|
|
55
|
+
</body>
|
|
56
|
+
</html>
|
|
@@ -0,0 +1,195 @@
|
|
|
1
|
+
|
|
2
|
+
<!DOCTYPE html>
|
|
3
|
+
<html lang="en">
|
|
4
|
+
<head>
|
|
5
|
+
<meta charset="UTF-8">
|
|
6
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
7
|
+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no">
|
|
8
|
+
<title>腾讯云视频点播示例</title>
|
|
9
|
+
<!--<link href="https://web.sdk.qcloud.com/player/tcplayer/release/v4.7.2/tcplayer.min.css" rel="stylesheet"/>-->
|
|
10
|
+
<!--如果需要在 Chrome 和 Firefox 等现代浏览器中通过 H5 播放 Webrtc 视频，需要在 tcplayer.vx.x.x.min.js 之前引入 TXLivePlayer-x.x.x.min.js。-->
|
|
11
|
+
<!--有些浏览器环境不支持 Webrtc，播放器会将 Webrtc 流地址自动转换为 HLS 格式地址，因此快直播场景同样需要引入hls.min.x.xx.xm.js。-->
|
|
12
|
+
<!--<script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.7.2/libs/TXLivePlayer-1.2.3.min.js"></script>-->
|
|
13
|
+
<!--如果需要在 Chrome 和 Firefox 等现代浏览器中通过 H5 播放 HLS 协议的视频，需要在 tcplayer.vx.x.x.min.js 之前引入 hls.min.x.xx.xm.js。-->
|
|
14
|
+
<!--<script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.7.2/libs/hls.min.1.1.6.js"></script>-->
|
|
15
|
+
<!--<script src=" https://cloudcache.tencent-cloud.com/open/qcloud/video/vcplayer/libs/hls.min.0.12.4.js"></script>-->
|
|
16
|
+
|
|
17
|
+
<!--http://cloudcache.tencent-cloud.com/open/qcloud/video/vcplayer/libs/hls.min.0.12.4.js-->
|
|
18
|
+
<!--如果需要在 Chrome 和 Firefox 等现代浏览器中通过 H5 播放 FLV 格式的视频，需要在 tcplayer.vx.x.x.min.js 之前引入 flv.min.x.x.x.js。-->
|
|
19
|
+
<!--<script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.7.2/libs/flv.min.1.6.3.js"></script>-->
|
|
20
|
+
<!--如果需要在 Chrome 和 Firefox 等现代浏览器中通过 H5 播放 DASH 视频，需要在 tcplayer.vx.x.x.min.js 之前引入 dash.min.x.x.x.js。-->
|
|
21
|
+
<!--<script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.7.2/libs/dash.all.min.4.5.2.js"></script>-->
|
|
22
|
+
<!--播放器脚本文件-->
|
|
23
|
+
<!--<script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.7.2/tcplayer.v4.7.2.min.js"></script>-->
|
|
24
|
+
<!--<script src="https://testmig-1306264703.cos.ap-guangzhou.myqcloud.com/lingxi/tcplayer.v4.7.2.min-volume.js"></script>-->
|
|
25
|
+
<link href="https://web.sdk.qcloud.com/player/tcplayer/release/v5.0.0/tcplayer.min.css" rel="stylesheet"/>
|
|
26
|
+
|
|
27
|
+
<!--<script src="https://web.sdk.qcloud.com/player/tcplayer/release/v5.0.0/tcplayer.v5.0.0.min.js"></script>-->
|
|
28
|
+
|
|
29
|
+
<!--<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>-->
|
|
30
|
+
|
|
31
|
+
<!-- <script src="https://static.lexiang-asset.net/lake/tcplayer@v4.5.1/TXLivePlayer-1.2.1.min.js"></script> -->
|
|
32
|
+
<!-- <script src="https://static.lexiang-asset.net/lake/tcplayer@v4.5.1/libs/flv.min.1.6.2.js"></script> -->
|
|
33
|
+
<!-- <script src="https://static.lexiang-asset.net/lake/tcplayer@v4.5.1/libs/hls.min.0.13.2m.js"></script> -->
|
|
34
|
+
<script src="http://localhost:8080/dist/tcplayer.v4.8.0.js"></script>
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
<script src="https://webrtc-demo.myqcloud.com/pull-sdk/js/vconsole.min.js"></script>
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
<style>
|
|
41
|
+
html,body{
|
|
42
|
+
margin: 0;
|
|
43
|
+
padding: 0;
|
|
44
|
+
height: 100%;
|
|
45
|
+
}
|
|
46
|
+
/* 通过 css 设置播放器尺寸 这时<video>中的宽高属性将被覆盖*/
|
|
47
|
+
/*#player-container-id {
|
|
48
|
+
width: 100%;
|
|
49
|
+
height: 100%;
|
|
50
|
+
overflow: hidden;
|
|
51
|
+
}*/
|
|
52
|
+
/* 设置logo在高分屏的显示样式 */
|
|
53
|
+
@media only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 2) {
|
|
54
|
+
.tcp-logo-img {
|
|
55
|
+
width: 50%;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
</style>
|
|
59
|
+
</head>
|
|
60
|
+
<body>
|
|
61
|
+
<!-- 设置播放器容器 -->
|
|
62
|
+
<video id="player-container-id" preload="auto" width="960px" height='540px' webkit-playsinline style="background:lightblue" playsinline webkit-playsinline>
|
|
63
|
+
|
|
64
|
+
|
|
65
|
+
</video>
|
|
66
|
+
<!--<video id="player-container-id2" preload="auto" width="960px" height='540px' webkit-playsinline style="background:lightblue" playsinline webkit-playsinline> </vidoe>-->
|
|
67
|
+
<button onclick="change()">切换流</button>
|
|
68
|
+
<!--<button onclick="quitPinP()">画中画Q</button>-->
|
|
69
|
+
<!--<button onclick="playy1()">重新load</button>
|
|
70
|
+
<button onclick="playy2()">先load再play</button>-->
|
|
71
|
+
<!--<button onclick="Destory()">销毁播放器</button>-->
|
|
72
|
+
<!--
|
|
73
|
+
注意事项：
|
|
74
|
+
* 播放器容器必须为 video 标签
|
|
75
|
+
* player-container-id 为播放器容器的ID，可自行设置
|
|
76
|
+
* 播放器区域的尺寸请按需设置，建议通过 css 进行设置，通过css可实现容器自适应等效果
|
|
77
|
+
* playsinline webkit-playsinline 这几个属性是为了在标准移动端浏览器不劫持视频播放的情况下实现行内播放，此处仅作示例，请按需使用
|
|
78
|
+
* 设置 x5-playsinline 属性会使用 X5 UI 的播放器
|
|
79
|
+
-->
|
|
80
|
+
<script>
|
|
81
|
+
// var vConsole = new VConsole();
|
|
82
|
+
|
|
83
|
+
var events = [
|
|
84
|
+
"loadstart",
|
|
85
|
+
"suspend",
|
|
86
|
+
"abort",
|
|
87
|
+
"error",
|
|
88
|
+
"emptied",
|
|
89
|
+
"stalled",
|
|
90
|
+
"loadedmetadata",
|
|
91
|
+
"loadeddata",
|
|
92
|
+
"canplay",
|
|
93
|
+
"canplaythrough",
|
|
94
|
+
"playing",
|
|
95
|
+
"waiting",
|
|
96
|
+
"seeking",
|
|
97
|
+
"seeked",
|
|
98
|
+
"ended",
|
|
99
|
+
"durationchange",
|
|
100
|
+
"timeupdate",
|
|
101
|
+
"progress",
|
|
102
|
+
"play",
|
|
103
|
+
"pause",
|
|
104
|
+
"ratechange",
|
|
105
|
+
"resize",
|
|
106
|
+
"volumechange"
|
|
107
|
+
];
|
|
108
|
+
//skipHlsJs:true
|
|
109
|
+
var player = TCPlayer('player-container-id', { // player-container-id 为播放器容器ID，必须与html中一致
|
|
110
|
+
// fileID: '243791576943072647',
|
|
111
|
+
// appID: '1306264703',
|
|
112
|
+
// psign: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6MTMwNjI2NDcwMywiZmlsZUlkIjoiMjQzNzkxNTc2OTQzMDcyNjQ3IiwiY3VycmVudFRpbWVTdGFtcCI6MTY3MDQ2OTk3MSwiY29udGVudEluZm8iOnsiYXVkaW9WaWRlb1R5cGUiOiJQcm90ZWN0ZWRBZGFwdGl2ZSIsImRybUFkYXB0aXZlSW5mbyI6eyJwcml2YXRlRW5jcnlwdGlvbkRlZmluaXRpb24iOjEyfX0sInVybEFjY2Vzc0luZm8iOnsiZG9tYWluIjoiMTMwNjI2NDcwMy52b2QyLm15cWNsb3VkLmNvbSIsInNjaGVtZSI6IkhUVFBTIn19.FOcmChHfrGY9tYCDn20MSQi-IqvQ9U_U6qLNgx9MhLg',
|
|
113
|
+
|
|
114
|
+
sources:[{src: 'https://1500023811.vod-qcloud.com/43a756bfvodtranscq1500023811/1cf36a203270835011095850927/adp.10.m3u8', }],
|
|
115
|
+
// sources: 'http://1500005692.vod2.myqcloud.com/43843706vodtranscq1500005692/60c8c2073701925921349620982/v.f100270.m3u8',
|
|
116
|
+
|
|
117
|
+
// sources:[{src: 'https://1500005692.vod2.myqcloud.com/43843706vodtranscq1500005692/62656d94387702300542496289/v.f100240.m3u8', }],
|
|
118
|
+
// sources:[{src: "https://1500005692.vod2.myqcloud.com/43843706vodtranscq1500005692/62656d94387702300542496289/v.f100240.m3u8", }],
|
|
119
|
+
plugins:{
|
|
120
|
+
ContinuePlay: {
|
|
121
|
+
auto: true,
|
|
122
|
+
}
|
|
123
|
+
},
|
|
124
|
+
fakeFullscreen: true,
|
|
125
|
+
//appID:"1500023714",
|
|
126
|
+
//fileID:"5576678019672589752",
|
|
127
|
+
//psign:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6MTUwMDAyMzcxNCwiZmlsZUlkIjoiNTU3NjY3ODAxOTY3MjU4OTc1MiIsImNvbnRlbnRJbmZvIjp7ImF1ZGlvVmlkZW9UeXBlIjoiUHJvdGVjdGVkQWRhcHRpdmUiLCJkcm1BZGFwdGl2ZUluZm8iOnsicHJpdmF0ZUVuY3J5cHRpb25EZWZpbml0aW9uIjoxNDQ4Njc3fX0sImN1cnJlbnRUaW1lU3RhbXAiOjE2OTI3Nzg2MTcsImV4cGlyZVRpbWVTdGFtcCI6MTY5Mjg2NTAxNywicGNmZyI6ImRlZmF1bHQiLCJ1cmxBY2Nlc3NJbmZvIjp7InQiOiI2NGU3MTFmOSJ9fQ.vfk3Tpotx_bKtDXqqUq0m57ptBij35WvYG-ZQ78iqLs",
|
|
128
|
+
|
|
129
|
+
muted:true,
|
|
130
|
+
// autoplay:true,
|
|
131
|
+
hlsConfig: {
|
|
132
|
+
// maxBufferLength: 10,
|
|
133
|
+
// maxBufferSize: 40 * 1024 * 1024,
|
|
134
|
+
// maxMaxBufferLength: 30,
|
|
135
|
+
// debug:true,
|
|
136
|
+
},
|
|
137
|
+
licenseUrl: 'https://license.vod2.myqcloud.com/license/v2/1253985742_1/v_cube.license',
|
|
138
|
+
// languages:{
|
|
139
|
+
// "zh-cn":{
|
|
140
|
+
// "Without anti-leech information.": "没带防盗链检测参数，请添加后重试"
|
|
141
|
+
// }
|
|
142
|
+
// }
|
|
143
|
+
});
|
|
144
|
+
|
|
145
|
+
//console.log(player);
|
|
146
|
+
|
|
147
|
+
|
|
148
|
+
// events.forEach(function(val, i){
|
|
149
|
+
// player.on(val, function (event) {
|
|
150
|
+
// console.info(val, event);
|
|
151
|
+
// });
|
|
152
|
+
//});
|
|
153
|
+
|
|
154
|
+
player.ready(function() {
|
|
155
|
+
|
|
156
|
+
});
|
|
157
|
+
|
|
158
|
+
|
|
159
|
+
function change(){
|
|
160
|
+
player.src("https://68789.liveplay.myqcloud.com/live/webrtc_demo_1693895105900.flv");
|
|
161
|
+
|
|
162
|
+
// player.src("https://testmig-1306264703.cos.ap-guangzhou.myqcloud.com/lingxi/SVID_20221115_105059_1.mp4");
|
|
163
|
+
// var a = localStorage.getItem(key);
|
|
164
|
+
// console.log(a);
|
|
165
|
+
|
|
166
|
+
// player.loadVideoByID({
|
|
167
|
+
// appID: '1500005692',
|
|
168
|
+
// fileID: '387702307006254554',
|
|
169
|
+
// psign: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6MTUwMDAwNTY5MiwiZmlsZUlkIjoiMzg3NzAyMzA3MDA2MjU0NTU0IiwiY3VycmVudFRpbWVTdGFtcCI6MTY3MDMxMDM1MiwiY29udGVudEluZm8iOnsiYXVkaW9WaWRlb1R5cGUiOiJQcm90ZWN0ZWRBZGFwdGl2ZSIsImRybUFkYXB0aXZlSW5mbyI6eyJwcml2YXRlRW5jcnlwdGlvbkRlZmluaXRpb24iOjEyfX0sInVybEFjY2Vzc0luZm8iOnsiZG9tYWluIjoiMTUwMDAwNTY5Mi52b2QyLm15cWNsb3VkLmNvbSIsInNjaGVtZSI6IkhUVFAifX0.PFwxL9NNs_gyrR5U3dxwzeip3wZT4M-Fvtd0H2WkjnA',
|
|
170
|
+
// });
|
|
171
|
+
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
|
|
175
|
+
|
|
176
|
+
// setTimeout(function(){
|
|
177
|
+
// var getplaystate = player.paused();
|
|
178
|
+
// if(getplaystate==true){
|
|
179
|
+
// console.log("没有自动播放");
|
|
180
|
+
// //没有自动播放做操作
|
|
181
|
+
// }else{
|
|
182
|
+
// console.log("自动播放了");
|
|
183
|
+
// player.load();
|
|
184
|
+
// }
|
|
185
|
+
// },1000)
|
|
186
|
+
|
|
187
|
+
//})
|
|
188
|
+
//
|
|
189
|
+
|
|
190
|
+
|
|
191
|
+
|
|
192
|
+
|
|
193
|
+
</script>
|
|
194
|
+
</body>
|
|
195
|
+
</html>
|
|
@@ -0,0 +1,183 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
6
|
+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no">
|
|
7
|
+
<title>腾讯云视频点播示例</title>
|
|
8
|
+
<!--<link href="https://web.sdk.qcloud.com/player/tcplayer/release/v4.7.2/tcplayer.min.css" rel="stylesheet"/>-->
|
|
9
|
+
<!--如果需要在 Chrome 和 Firefox 等现代浏览器中通过 H5 播放 Webrtc 视频，需要在 tcplayer.vx.x.x.min.js 之前引入 TXLivePlayer-x.x.x.min.js。-->
|
|
10
|
+
<!--有些浏览器环境不支持 Webrtc，播放器会将 Webrtc 流地址自动转换为 HLS 格式地址，因此快直播场景同样需要引入hls.min.x.xx.xm.js。-->
|
|
11
|
+
<!--<script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.7.2/libs/TXLivePlayer-1.2.3.min.js"></script>-->
|
|
12
|
+
<!--如果需要在 Chrome 和 Firefox 等现代浏览器中通过 H5 播放 HLS 协议的视频，需要在 tcplayer.vx.x.x.min.js 之前引入 hls.min.x.xx.xm.js。-->
|
|
13
|
+
<!--<script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.7.2/libs/hls.min.1.1.6.js"></script>-->
|
|
14
|
+
<!--<script src=" https://cloudcache.tencent-cloud.com/open/qcloud/video/vcplayer/libs/hls.min.0.12.4.js"></script>-->
|
|
15
|
+
|
|
16
|
+
<!--http://cloudcache.tencent-cloud.com/open/qcloud/video/vcplayer/libs/hls.min.0.12.4.js-->
|
|
17
|
+
<!--如果需要在 Chrome 和 Firefox 等现代浏览器中通过 H5 播放 FLV 格式的视频，需要在 tcplayer.vx.x.x.min.js 之前引入 flv.min.x.x.x.js。-->
|
|
18
|
+
<!--<script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.7.2/libs/flv.min.1.6.3.js"></script>-->
|
|
19
|
+
<!--如果需要在 Chrome 和 Firefox 等现代浏览器中通过 H5 播放 DASH 视频，需要在 tcplayer.vx.x.x.min.js 之前引入 dash.min.x.x.x.js。-->
|
|
20
|
+
<!--<script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.7.2/libs/dash.all.min.4.5.2.js"></script>-->
|
|
21
|
+
<!--播放器脚本文件-->
|
|
22
|
+
<!--<script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.7.2/tcplayer.v4.7.2.min.js"></script>-->
|
|
23
|
+
<!--<script src="https://testmig-1306264703.cos.ap-guangzhou.myqcloud.com/lingxi/js/flv.min0905.js"></script>
|
|
24
|
+
<link href="https://web.sdk.qcloud.com/player/tcplayer/release/v5.0.0/tcplayer.min.css" rel="stylesheet"/>
|
|
25
|
+
|
|
26
|
+
<script src="https://web.sdk.qcloud.com/player/tcplayer/release/v5.0.0/tcplayer.v5.0.0.min.js"></script>-->
|
|
27
|
+
<!--<script src="https://web.sdk.qcloud.com/player/tcplayer/release/v5.0.1/tcplayer.v5.0.1.min.js"></script>-->
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
<link href="https://web.sdk.qcloud.com/player/tcplayer/release/v5.0.0/tcplayer.min.css" rel="stylesheet"/>
|
|
31
|
+
<!--播放器脚本文件-->
|
|
32
|
+
<script src="https://web.sdk.qcloud.com/player/tcplayer/release/v5.0.0/tcplayer.v5.0.0.min.js"></script>
|
|
33
|
+
|
|
34
|
+
<!--<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>-->
|
|
35
|
+
|
|
36
|
+
<!--<script src="https://static.lexiang-asset.net/lake/tcplayer@v4.5.1/TXLivePlayer-1.2.1.min.js"></script>
|
|
37
|
+
<script src="https://static.lexiang-asset.net/lake/tcplayer@v4.5.1/libs/flv.min.1.6.2.js"></script>
|
|
38
|
+
<script src="https://static.lexiang-asset.net/lake/tcplayer@v4.5.1/libs/hls.min.0.13.2m.js"></script>-->
|
|
39
|
+
<!--<script src="tcplayer.v4.8.0.min0904.js"></script>-->
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
<!--<script src="https://webrtc-demo.myqcloud.com/pull-sdk/js/vconsole.min.js"></script>-->
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
<style>
|
|
46
|
+
html,body{
|
|
47
|
+
margin: 0;
|
|
48
|
+
padding: 0;
|
|
49
|
+
height: 100%;
|
|
50
|
+
}
|
|
51
|
+
/* 通过 css 设置播放器尺寸 这时<video>中的宽高属性将被覆盖*/
|
|
52
|
+
/*#player-container-id {
|
|
53
|
+
width: 100%;
|
|
54
|
+
height: 100%;
|
|
55
|
+
overflow: hidden;
|
|
56
|
+
}*/
|
|
57
|
+
/* 设置logo在高分屏的显示样式 */
|
|
58
|
+
@media only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 2) {
|
|
59
|
+
.tcp-logo-img {
|
|
60
|
+
width: 50%;
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
</style>
|
|
64
|
+
</head>
|
|
65
|
+
<body>
|
|
66
|
+
<!-- 设置播放器容器 -->
|
|
67
|
+
<video id="player-container-id" preload="auto" width="400px" height='250px' webkit-playsinline style="background:lightblue" playsinline webkit-playsinline>
|
|
68
|
+
|
|
69
|
+
|
|
70
|
+
</video>
|
|
71
|
+
<!--<video id="player-container-id2" preload="auto" width="960px" height='540px' webkit-playsinline style="background:lightblue" playsinline webkit-playsinline> </vidoe>-->
|
|
72
|
+
<!--<button onclick="change()">切换流</button>-->
|
|
73
|
+
<!--<button onclick="quitPinP()">画中画Q</button>-->
|
|
74
|
+
<!--<button onclick="playy1()">重新load</button>
|
|
75
|
+
<button onclick="playy2()">先load再play</button>-->
|
|
76
|
+
<!--<button onclick="Destory()">销毁播放器</button>-->
|
|
77
|
+
<!--
|
|
78
|
+
注意事项：
|
|
79
|
+
* 播放器容器必须为 video 标签
|
|
80
|
+
* player-container-id 为播放器容器的ID，可自行设置
|
|
81
|
+
* 播放器区域的尺寸请按需设置，建议通过 css 进行设置，通过css可实现容器自适应等效果
|
|
82
|
+
* playsinline webkit-playsinline 这几个属性是为了在标准移动端浏览器不劫持视频播放的情况下实现行内播放，此处仅作示例，请按需使用
|
|
83
|
+
* 设置 x5-playsinline 属性会使用 X5 UI 的播放器
|
|
84
|
+
-->
|
|
85
|
+
<script>
|
|
86
|
+
//var vConsole = new VConsole();
|
|
87
|
+
|
|
88
|
+
var events = [
|
|
89
|
+
"loadstart",
|
|
90
|
+
"suspend",
|
|
91
|
+
"abort",
|
|
92
|
+
"error",
|
|
93
|
+
"emptied",
|
|
94
|
+
"stalled",
|
|
95
|
+
"loadedmetadata",
|
|
96
|
+
"loadeddata",
|
|
97
|
+
"canplay",
|
|
98
|
+
"canplaythrough",
|
|
99
|
+
"playing",
|
|
100
|
+
"waiting",
|
|
101
|
+
"seeking",
|
|
102
|
+
"seeked",
|
|
103
|
+
"ended",
|
|
104
|
+
"durationchange",
|
|
105
|
+
"timeupdate",
|
|
106
|
+
"progress",
|
|
107
|
+
"play",
|
|
108
|
+
"pause",
|
|
109
|
+
"ratechange",
|
|
110
|
+
"resize",
|
|
111
|
+
"volumechange"
|
|
112
|
+
];
|
|
113
|
+
//skipHlsJs:true
|
|
114
|
+
var player = TCPlayer('player-container-id', { // player-container-id 为播放器容器ID，必须与html中一致
|
|
115
|
+
|
|
116
|
+
// sources:[{src: 'https://live.zhuoshangsoft.com/live/4663880250_lowQlty.flv?txSecret=024dfe8ee2ce589b45111c76ecf388ac&txTime=66D48F7F', }],
|
|
117
|
+
sources:[{src: 'https://liteavapp.qcloud.com/live/liteavdemoplayerstreamid.flv', }],
|
|
118
|
+
// sources:[{src: "https://liteavapp.qcloud.com/live/liteavdemoplayerstreamid.m3u8", }],
|
|
119
|
+
// flvConfig:{
|
|
120
|
+
// lazyLoadMaxDuration：5*60,
|
|
121
|
+
// }
|
|
122
|
+
// fakeFullscreen: true,
|
|
123
|
+
// muted:true,
|
|
124
|
+
// autoplay:true,
|
|
125
|
+
// hlsConfig: {
|
|
126
|
+
// maxBufferLength: 10,
|
|
127
|
+
// maxBufferSize: 40 * 1024 * 1024,
|
|
128
|
+
// maxMaxBufferLength: 30,
|
|
129
|
+
// debug:true,
|
|
130
|
+
// },
|
|
131
|
+
|
|
132
|
+
flvConfig:{
|
|
133
|
+
hasAudio:false,
|
|
134
|
+
},
|
|
135
|
+
licenseUrl: 'https://license.vod2.myqcloud.com/license/v2/1314658011_1/v_cube.license',
|
|
136
|
+
|
|
137
|
+
});
|
|
138
|
+
|
|
139
|
+
// player.src("https://1500005692.vod2.myqcloud.com/43843706vodtranscq1500005692/62656d94387702300542496289/v.f100240.m3u8");
|
|
140
|
+
|
|
141
|
+
|
|
142
|
+
|
|
143
|
+
|
|
144
|
+
// events.forEach(function(val, i){
|
|
145
|
+
// player.on(val, function (event) {
|
|
146
|
+
// console.info(val, event);
|
|
147
|
+
// });
|
|
148
|
+
//});
|
|
149
|
+
|
|
150
|
+
function change(){
|
|
151
|
+
player.src("https://live.zhuoshangsoft.com/live/4663880250_highQlty.flv?txSecret=86dc9c5cd53e7f830451317aee0f2f28&txTime=66D48F7F");
|
|
152
|
+
|
|
153
|
+
// var a = localStorage.getItem(key);
|
|
154
|
+
// console.log(a);
|
|
155
|
+
|
|
156
|
+
|
|
157
|
+
}
|
|
158
|
+
player.on("ended",function(){
|
|
159
|
+
console.log("ended抛出来了");
|
|
160
|
+
})
|
|
161
|
+
|
|
162
|
+
|
|
163
|
+
|
|
164
|
+
// setTimeout(function(){
|
|
165
|
+
// var getplaystate = player.paused();
|
|
166
|
+
// if(getplaystate==true){
|
|
167
|
+
// console.log("没有自动播放");
|
|
168
|
+
// //没有自动播放做操作
|
|
169
|
+
// }else{
|
|
170
|
+
// console.log("自动播放了");
|
|
171
|
+
// player.load();
|
|
172
|
+
// }
|
|
173
|
+
// },1000)
|
|
174
|
+
|
|
175
|
+
//})
|
|
176
|
+
//
|
|
177
|
+
|
|
178
|
+
|
|
179
|
+
|
|
180
|
+
|
|
181
|
+
</script>
|
|
182
|
+
</body>
|
|
183
|
+
</html>
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
6
|
+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no">
|
|
7
|
+
<title>腾讯云视频点播示例</title>
|
|
8
|
+
<link href="https://web.sdk.qcloud.com/player/tcplayer/release/v4.6.0/tcplayer.min.css" rel="stylesheet"/>
|
|
9
|
+
|
|
10
|
+
<!--播放器脚本文件-->
|
|
11
|
+
<script src="https://testmig-1306264703.cos.ap-guangzhou.myqcloud.com/vin/tcplayer.v4.8.0.min.js"></script>
|
|
12
|
+
|
|
13
|
+
<style>
|
|
14
|
+
html,body{
|
|
15
|
+
margin: 0;
|
|
16
|
+
padding: 0;
|
|
17
|
+
}
|
|
18
|
+
.tcplayer {
|
|
19
|
+
margin: 0 auto;
|
|
20
|
+
}
|
|
21
|
+
@media screen and (max-width: 640px) {
|
|
22
|
+
#player-container-id {
|
|
23
|
+
width: 100%;
|
|
24
|
+
height: 270px;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
/* 设置logo在高分屏的显示样式 */
|
|
28
|
+
@media only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 2) {
|
|
29
|
+
.tcp-logo-img {
|
|
30
|
+
width: 50%;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
</style>
|
|
34
|
+
</head>
|
|
35
|
+
<body>
|
|
36
|
+
|
|
37
|
+
<div id="video-wrapper">
|
|
38
|
+
<!-- 设置播放器容器 -->
|
|
39
|
+
<video id="player-container-id1" preload="auto" width="640" height="360" playsinline webkit-playsinline>
|
|
40
|
+
</video>
|
|
41
|
+
|
|
42
|
+
<video id="player-container-id2" style="display: none" preload="auto" width="640" height="360" playsinline webkit-playsinline>
|
|
43
|
+
</video>
|
|
44
|
+
</div>
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
<!--
|
|
48
|
+
注意事项：
|
|
49
|
+
* 播放器容器必须为 video 标签
|
|
50
|
+
* player-container-id 为播放器容器的ID，可自行设置
|
|
51
|
+
* 播放器区域的尺寸请按需设置，建议通过 css 进行设置，通过css可实现容器自适应等效果
|
|
52
|
+
* playsinline webkit-playsinline 这几个属性是为了在标准移动端浏览器不劫持视频播放的情况下实现行内播放，此处仅作示例，请按需使用
|
|
53
|
+
* 设置 x5-playsinline 属性会使用 X5 UI 的播放器
|
|
54
|
+
-->
|
|
55
|
+
<script>
|
|
56
|
+
var player = TCPlayer('player-container-id1', { // player-container-id 为播放器容器ID，必须与html中一致
|
|
57
|
+
autoplay: true,
|
|
58
|
+
|
|
59
|
+
// 6. AES
|
|
60
|
+
fileID: '243791576943072647',
|
|
61
|
+
appID: '1306264703',
|
|
62
|
+
psign: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6MTMwNjI2NDcwMywiZmlsZUlkIjoiMjQzNzkxNTc2OTQzMDcyNjQ3IiwiY3VycmVudFRpbWVTdGFtcCI6MTY3MDQ2OTk3MSwiY29udGVudEluZm8iOnsiYXVkaW9WaWRlb1R5cGUiOiJQcm90ZWN0ZWRBZGFwdGl2ZSIsImRybUFkYXB0aXZlSW5mbyI6eyJwcml2YXRlRW5jcnlwdGlvbkRlZmluaXRpb24iOjEyfX0sInVybEFjY2Vzc0luZm8iOnsiZG9tYWluIjoiMTMwNjI2NDcwMy52b2QyLm15cWNsb3VkLmNvbSIsInNjaGVtZSI6IkhUVFBTIn19.FOcmChHfrGY9tYCDn20MSQi-IqvQ9U_U6qLNgx9MhLg',
|
|
63
|
+
|
|
64
|
+
|
|
65
|
+
hlsConfig: {
|
|
66
|
+
skip: true,
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
});
|
|
70
|
+
|
|
71
|
+
window.player = player;
|
|
72
|
+
|
|
73
|
+
player.on('error', function(e) {
|
|
74
|
+
if (e.data.code === 4) {
|
|
75
|
+
|
|
76
|
+
if (window.player) {
|
|
77
|
+
// 先隐藏 再延时销毁，否则会报错
|
|
78
|
+
document.getElementById('player-container-id1').style.display = 'none';
|
|
79
|
+
setTimeout(function() {
|
|
80
|
+
window.player.pause();
|
|
81
|
+
window.player.dispose();
|
|
82
|
+
}, 1000);
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
|
|
86
|
+
document.getElementById('player-container-id2').style.display = 'block';
|
|
87
|
+
var player = TCPlayer('player-container-id2', { // player-container-id 为播放器容器ID，必须与html中一致
|
|
88
|
+
autoplay: true,
|
|
89
|
+
|
|
90
|
+
// 6. AES
|
|
91
|
+
fileID: '243791576943072647',
|
|
92
|
+
appID: '1306264703',
|
|
93
|
+
psign: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6MTMwNjI2NDcwMywiZmlsZUlkIjoiMjQzNzkxNTc2OTQzMDcyNjQ3IiwiY3VycmVudFRpbWVTdGFtcCI6MTY3MDQ2OTk3MSwiY29udGVudEluZm8iOnsiYXVkaW9WaWRlb1R5cGUiOiJQcm90ZWN0ZWRBZGFwdGl2ZSIsImRybUFkYXB0aXZlSW5mbyI6eyJwcml2YXRlRW5jcnlwdGlvbkRlZmluaXRpb24iOjEyfX0sInVybEFjY2Vzc0luZm8iOnsiZG9tYWluIjoiMTMwNjI2NDcwMy52b2QyLm15cWNsb3VkLmNvbSIsInNjaGVtZSI6IkhUVFBTIn19.FOcmChHfrGY9tYCDn20MSQi-IqvQ9U_U6qLNgx9MhLg',
|
|
94
|
+
|
|
95
|
+
fakeFullScreen: true,
|
|
96
|
+
hlsConfig: {
|
|
97
|
+
skip: false,
|
|
98
|
+
}
|
|
99
|
+
});
|
|
100
|
+
}
|
|
101
|
+
});
|
|
102
|
+
|
|
103
|
+
</script>
|
|
104
|
+
</body>
|
|
105
|
+
</html>
|
|
@@ -8,7 +8,10 @@
|
|
|
8
8
|
<link href="https://web.sdk.qcloud.com/player/tcplayer/release/v4.6.0/tcplayer.min.css" rel="stylesheet"/>
|
|
9
9
|
|
|
10
10
|
<!--播放器脚本文件-->
|
|
11
|
-
|
|
11
|
+
|
|
12
|
+
<!-- <script src="http://10.21.39.55:8080/libs/hls.min.1.1.7.js"></script> -->
|
|
13
|
+
<script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.9.0/tcplayer.v4.9.0.min.js"></script>
|
|
14
|
+
<!-- <script src="http://10.21.39.55:8080/dist/tcplayer.v4.8.0.min.js"></script> -->
|
|
12
15
|
|
|
13
16
|
<style>
|
|
14
17
|
html,body{
|
|
@@ -76,10 +79,11 @@
|
|
|
76
79
|
// psign: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6MTMwNjI2NDcwMywiZmlsZUlkIjoiMjQzNzkxNTc2OTQzMDcyNjQ3IiwiY3VycmVudFRpbWVTdGFtcCI6MTY3MDQ2OTk1NCwiY29udGVudEluZm8iOnsiYXVkaW9WaWRlb1R5cGUiOiJQcm90ZWN0ZWRBZGFwdGl2ZSIsImRybUFkYXB0aXZlSW5mbyI6eyJwcml2YXRlRW5jcnlwdGlvbkRlZmluaXRpb24iOjEyLCJmYWlyUGxheURlZmluaXRpb24iOjExfX0sInVybEFjY2Vzc0luZm8iOnsiZG9tYWluIjoiMTMwNjI2NDcwMy52b2QyLm15cWNsb3VkLmNvbSIsInNjaGVtZSI6IkhUVFBTIn19.vRZS29srBfpGAVXiAixURviFJZel_Aq3jnC_V_bX7hk',
|
|
77
80
|
|
|
78
81
|
// 6. AES
|
|
79
|
-
fileID: '243791576943072647',
|
|
80
|
-
appID: '1306264703',
|
|
81
|
-
psign: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6MTMwNjI2NDcwMywiZmlsZUlkIjoiMjQzNzkxNTc2OTQzMDcyNjQ3IiwiY3VycmVudFRpbWVTdGFtcCI6MTY3MDQ2OTk3MSwiY29udGVudEluZm8iOnsiYXVkaW9WaWRlb1R5cGUiOiJQcm90ZWN0ZWRBZGFwdGl2ZSIsImRybUFkYXB0aXZlSW5mbyI6eyJwcml2YXRlRW5jcnlwdGlvbkRlZmluaXRpb24iOjEyfX0sInVybEFjY2Vzc0luZm8iOnsiZG9tYWluIjoiMTMwNjI2NDcwMy52b2QyLm15cWNsb3VkLmNvbSIsInNjaGVtZSI6IkhUVFBTIn19.FOcmChHfrGY9tYCDn20MSQi-IqvQ9U_U6qLNgx9MhLg',
|
|
82
|
-
|
|
82
|
+
// fileID: '243791576943072647',
|
|
83
|
+
// appID: '1306264703',
|
|
84
|
+
// psign: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6MTMwNjI2NDcwMywiZmlsZUlkIjoiMjQzNzkxNTc2OTQzMDcyNjQ3IiwiY3VycmVudFRpbWVTdGFtcCI6MTY3MDQ2OTk3MSwiY29udGVudEluZm8iOnsiYXVkaW9WaWRlb1R5cGUiOiJQcm90ZWN0ZWRBZGFwdGl2ZSIsImRybUFkYXB0aXZlSW5mbyI6eyJwcml2YXRlRW5jcnlwdGlvbkRlZmluaXRpb24iOjEyfX0sInVybEFjY2Vzc0luZm8iOnsiZG9tYWluIjoiMTMwNjI2NDcwMy52b2QyLm15cWNsb3VkLmNvbSIsInNjaGVtZSI6IkhUVFBTIn19.FOcmChHfrGY9tYCDn20MSQi-IqvQ9U_U6qLNgx9MhLg',
|
|
85
|
+
|
|
86
|
+
// licenseUrl: '',
|
|
83
87
|
// 7. widevine
|
|
84
88
|
// fileID: '243791576943072647',
|
|
85
89
|
// appID: '1306264703',
|
|
@@ -105,6 +109,16 @@
|
|
|
105
109
|
// fileID: '387702307006254554',
|
|
106
110
|
// psign: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6MTUwMDAwNTY5MiwiZmlsZUlkIjoiMzg3NzAyMzA3MDA2MjU0NTU0IiwiY3VycmVudFRpbWVTdGFtcCI6MTY3MDMxMDM1MiwiY29udGVudEluZm8iOnsiYXVkaW9WaWRlb1R5cGUiOiJQcm90ZWN0ZWRBZGFwdGl2ZSIsImRybUFkYXB0aXZlSW5mbyI6eyJwcml2YXRlRW5jcnlwdGlvbkRlZmluaXRpb24iOjEyfX0sInVybEFjY2Vzc0luZm8iOnsiZG9tYWluIjoiMTUwMDAwNTY5Mi52b2QyLm15cWNsb3VkLmNvbSIsInNjaGVtZSI6IkhUVFAifX0.PFwxL9NNs_gyrR5U3dxwzeip3wZT4M-Fvtd0H2WkjnA',
|
|
107
111
|
|
|
112
|
+
languages:{
|
|
113
|
+
"zh-cn":{
|
|
114
|
+
"Server respond error data.(eg. stream not exist)": "可定义错误提示文案，如：没带防盗链检测参数，请重试"
|
|
115
|
+
}
|
|
116
|
+
},
|
|
117
|
+
|
|
118
|
+
flvConfig: {
|
|
119
|
+
hasAudio: false,
|
|
120
|
+
},
|
|
121
|
+
|
|
108
122
|
//其他参数请在开发文档中查看
|
|
109
123
|
plugins: {
|
|
110
124
|
ContinuePlay: {
|
|
@@ -123,6 +137,8 @@
|
|
|
123
137
|
}
|
|
124
138
|
});
|
|
125
139
|
|
|
140
|
+
player.src('https://liteavapp.qcloud.com/live/liteavdemoplayerstreamid.flv');
|
|
141
|
+
|
|
126
142
|
document.getElementById('switch').addEventListener('click', function() {
|
|
127
143
|
player.loadVideoByID({
|
|
128
144
|
appID: '1500005692',
|
|
@@ -12,9 +12,9 @@
|
|
|
12
12
|
<script src="//imgcache.qq.com/open/qcloud/video/tcplayer/ie8/videojs-ie8.js"></script>
|
|
13
13
|
<![endif]-->
|
|
14
14
|
<!-- 如果需要在 Chrome Firefox 等现代浏览器中通过H5播放hls，需要引入 hls.js -->
|
|
15
|
-
<script src="//imgcache.qq.com/open/qcloud/video/tcplayer/libs/hls.min.0.13.2m.js"></script>
|
|
15
|
+
<!-- <script src="//imgcache.qq.com/open/qcloud/video/tcplayer/libs/hls.min.0.13.2m.js"></script> -->
|
|
16
16
|
<!-- 引入播放器 js 文件 -->
|
|
17
|
-
<script src="
|
|
17
|
+
<script src="http://localhost:8080/dist/tcplayer.v4.8.0.js"></script>
|
|
18
18
|
<!-- 示例 CSS 样式可自行删除 -->
|
|
19
19
|
<style>
|
|
20
20
|
html,body{
|
|
@@ -52,24 +52,31 @@
|
|
|
52
52
|
-->
|
|
53
53
|
<script>
|
|
54
54
|
var player = TCPlayer('player-container-id', { // player-container-id 为播放器容器ID，必须与html中一致
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
55
|
+
multiResolution:{
|
|
56
|
+
sources:{
|
|
57
|
+
'SD':[
|
|
58
|
+
{
|
|
59
|
+
src: 'https://1500005692.vod2.myqcloud.com/43843706vodtranscq1500005692/62656d94387702300542496289/v.f100240.m3u8',
|
|
60
|
+
}
|
|
61
|
+
],
|
|
62
|
+
'HD':[
|
|
63
|
+
{
|
|
64
|
+
src: 'webrtc://5664.liveplay.myqcloud.com/live/5664_harchar1?txSecret=f22a813b284137ed10d3259a7b5c224b&txTime=6403f7bb',
|
|
65
|
+
}
|
|
66
|
+
],
|
|
67
|
+
'FHD':[
|
|
68
|
+
{
|
|
69
|
+
src: 'webrtc://5664.liveplay.myqcloud.com/live/5664_harchar1?txSecret=f22a813b284137ed10d3259a7b5c224b&txTime=6403f7bb',
|
|
70
|
+
}
|
|
71
|
+
]
|
|
61
72
|
},
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
// switchErrorText: '失败', // 切换失败时文案
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
+
labels:{
|
|
74
|
+
'SD':'标清','HD':'高清','FHD':'超清'
|
|
75
|
+
},
|
|
76
|
+
showOrder:['SD','HD','FHD'],
|
|
77
|
+
defaultRes: 'SD'
|
|
78
|
+
},
|
|
79
|
+
|
|
73
80
|
});
|
|
74
81
|
</script>
|
|
75
82
|
</body>
|