tcplayer.js 4.7.2 → 4.8.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.
Files changed (7) hide show
  1. package/dist/examples/vod/tcplayer-vod-all.html +69 -128
  2. package/dist/examples/vod/tcplayer-vod-dynamic-watermark.html +8 -9
  3. package/dist/examples/vod/video.html +15 -0
  4. package/dist/{tcplayer.v4.7.2.min.js → tcplayer.v4.8.0.min.js} +6 -6
  5. package/package.json +2 -4
  6. package/CHANGELOG.md +0 -120
  7. package/dist/examples/vod/tcplayer-vod-all1.html +0 -86
package/dist/examples/vod/tcplayer-vod-all.html CHANGED
@@ -1,51 +1,42 @@
1
1
  <!DOCTYPE html>
2
2
  <html lang="en">
3
-
4
3
  <head>
5
4
  <meta charset="UTF-8">
6
5
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
7
- <meta name="viewport"
8
- content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no">
9
7
  <title>腾讯云视频点播示例</title>
10
- <link href="https://web.sdk.qcloud.com/player/tcplayer/release/v4.6.0/tcplayer.min.css" rel="stylesheet" />
11
-
8
+ <link href="https://web.sdk.qcloud.com/player/tcplayer/release/v4.6.0/tcplayer.min.css" rel="stylesheet"/>
9
+ <!-- <script src="https://imgcache.qq.com/open/qcloud/video/tcplayer/libs/vconsole.min.3.3.0.js"></script> -->
12
10
  <!--播放器脚本文件-->
13
- <script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.7.2/tcplayer.v4.7.2.min.js"></script>
14
-
11
+ <script src="http://10.21.39.48:8080/dist/tcplayer.v4.8.0.js"></script>
12
+
15
13
  <style>
16
- html,
17
- body {
14
+ html,body{
18
15
  margin: 0;
19
16
  padding: 0;
20
17
  }
21
-
22
18
  .tcplayer {
23
19
  margin: 0 auto;
24
20
  }
25
-
26
21
  @media screen and (max-width: 640px) {
27
22
  #player-container-id {
28
23
  width: 100%;
29
24
  height: 270px;
30
25
  }
31
26
  }
32
-
33
27
  /* 设置logo在高分屏的显示样式 */
34
- @media only screen and (min-device-pixel-ratio: 2),
35
- only screen and (-webkit-min-device-pixel-ratio: 2) {
28
+ @media only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 2) {
36
29
  .tcp-logo-img {
37
30
  width: 50%;
38
31
  }
39
32
  }
40
33
  </style>
41
34
  </head>
42
-
43
35
  <body>
44
- <!-- 设置播放器容器 -->
45
- <video id="player-container-id" preload="auto" width="640" height="360" playsinline webkit-playsinline>
46
- </video>
47
- <button id="switch">切换</button>
48
- <!--
36
+ <!-- 设置播放器容器 -->
37
+ <video id="player-container-id" preload="auto" width="640" height="360" playsinline webkit-playsinline>
38
+ </video>
39
+ <!--
49
40
  注意事项：
50
41
  * 播放器容器必须为 video 标签
51
42
  * player-container-id 为播放器容器的ID，可自行设置
@@ -53,114 +44,64 @@
53
44
  * playsinline webkit-playsinline 这几个属性是为了在标准移动端浏览器不劫持视频播放的情况下实现行内播放，此处仅作示例，请按需使用
54
45
  * 设置 x5-playsinline 属性会使用 X5 UI 的播放器
55
46
  -->
56
- <script>
57
- var player = TCPlayer('player-container-id', { // player-container-id 为播放器容器ID，必须与html中一致
58
- autoplay: true,
59
-
60
- sources: [
61
- { src: 'https://testlivepull.futunn.com/live/FutunnLive_100086025_LangCN_eng2chseng.flv?txWMID=173540' },
62
- { src: 'https://testlivepull.futunn.com/live/FutunnLive_100086025_LangCN_eng2chseng.m3u8?txWMID=173540' }
63
- ],
64
-
65
- preload: 'auto',
66
- controls: true,
67
- language: 'zh-CN',
68
- controlBar: {
69
- liveDisplay: false,
70
- progressControl: false, // 是否显示播放进度条。
71
- volumePanel: true, // 是否显示音量控制
72
- currentTimeDisplay: false, // 是否显示视频当前时间。
73
- durationDisplay: false, // 是否显示视频时长。
74
- timeDivider: false, // 是否显示时间分割符。
75
- playbackRateMenuButton: false, // 是否显示播放速率选择按钮。
76
- QualitySwitcherMenuButton: false, // 是否显示清晰度切换菜单
77
- fullscreenToggle: false
47
+ <script>
48
+ // var vConsole = new VConsole();
49
+ var player = TCPlayer('player-container-id', { // player-container-id 为播放器容器ID，必须与html中一致
50
+ autoplay: true,
51
+
52
+ // 播放卡住
53
+ // appID: '1500015539',
54
+ // fileID: '3270835010799147274',
55
+ // psign: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6MTUwMDAxNTUzOSwiY29udGVudEluZm8iOnsiYXVkaW9WaWRlb1R5cGUiOiJPcmlnaW5hbCIsImltYWdlU3ByaXRlRGVmaW5pdGlvbiI6MTAsInJhd0FkYXB0aXZlRGVmaW5pdGlvbiI6MTB9LCJjdXJyZW50VGltZVN0YW1wIjoxNjg5NzUwMTYwLCJleHBpcmVUaW1lU3RhbXAiOjE2ODk4MzY1NjAsImZpbGVJZCI6IjMyNzA4MzUwMTA3OTkxNDcyNzQiLCJ1cmxBY2Nlc3NJbmZvIjp7InQiOiI2NGI4ZGMxMCJ9fQ.cjNK5v1Hlhy10UTvDcnZwTCeSTOliNIsx4nizlCNRtg',
56
+
57
+ fileID: '243791576943072647',
58
+ appID: '1306264703',
59
+ psign: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6MTMwNjI2NDcwMywiZmlsZUlkIjoiMjQzNzkxNTc2OTQzMDcyNjQ3IiwiY3VycmVudFRpbWVTdGFtcCI6MTY3MDQ2OTk3MSwiY29udGVudEluZm8iOnsiYXVkaW9WaWRlb1R5cGUiOiJQcm90ZWN0ZWRBZGFwdGl2ZSIsImRybUFkYXB0aXZlSW5mbyI6eyJwcml2YXRlRW5jcnlwdGlvbkRlZmluaXRpb24iOjEyfX0sInVybEFjY2Vzc0luZm8iOnsiZG9tYWluIjoiMTMwNjI2NDcwMy52b2QyLm15cWNsb3VkLmNvbSIsInNjaGVtZSI6IkhUVFBTIn19.FOcmChHfrGY9tYCDn20MSQi-IqvQ9U_U6qLNgx9MhLg',
60
+
61
+ hlsConfig: {
62
+ skip: true,
63
+ },
64
+
65
+ //其他参数请在开发文档中查看
66
+ plugins: {
67
+ ContinuePlay: {
68
+ // auto: true // 是否在播放时自动续播
69
+ },
70
+ ProgressMarker: true,
71
+ ContextMenu: {
72
+ statistic: true,
73
+ levelSwitch: {
74
+ open: true, // 打开切换提示
75
+ // switchingText: '开始', // 开始切换时文案
76
+ // switchedText: '成功', // 切换成功时文案
77
+ // switchErrorText: '失败', // 切换失败时文案
78
+ }
78
79
  }
79
- // 1. 历史数据，无psign场景
80
- // fileID: '5285890799710670616', // 请传入需要播放的视频filID 必须
81
- // appID: '1400329073', // 请传入点播账号的appID 必须
82
-
83
- // 2. 原始视频
84
- // fileID: '243791576943072647',
85
- // appID: '1306264703',
86
- // psign: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6MTMwNjI2NDcwMywiZmlsZUlkIjoiMjQzNzkxNTc2OTQzMDcyNjQ3IiwiY3VycmVudFRpbWVTdGFtcCI6MTY3MDQ2OTg4NSwiY29udGVudEluZm8iOnsiYXVkaW9WaWRlb1R5cGUiOiJPcmlnaW5hbCJ9LCJ1cmxBY2Nlc3NJbmZvIjp7ImRvbWFpbiI6IjEzMDYyNjQ3MDMudm9kMi5teXFjbG91ZC5jb20iLCJzY2hlbWUiOiJIVFRQUyJ9fQ.6tX8MyAMYaupCJeyfhUCf_K-li7nZoISeSxEk34R-lw',
87
-
88
- // 3. AES + widevine + fairplay
89
- // TODO:playcgi存在drmtoken覆盖问题，导致AES不可用，后端修复
90
- // fileID: '243791576943072647',
91
- // appID: '1306264703',
92
- // psign: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6MTMwNjI2NDcwMywiZmlsZUlkIjoiMjQzNzkxNTc2OTQzMDcyNjQ3IiwiY3VycmVudFRpbWVTdGFtcCI6MTY3MDQ2OTkwNSwiY29udGVudEluZm8iOnsiYXVkaW9WaWRlb1R5cGUiOiJQcm90ZWN0ZWRBZGFwdGl2ZSIsImRybUFkYXB0aXZlSW5mbyI6eyJwcml2YXRlRW5jcnlwdGlvbkRlZmluaXRpb24iOjEyLCJ3aWRldmluZURlZmluaXRpb24iOjEzLCJmYWlyUGxheURlZmluaXRpb24iOjExfX0sInVybEFjY2Vzc0luZm8iOnsiZG9tYWluIjoiMTMwNjI2NDcwMy52b2QyLm15cWNsb3VkLmNvbSIsInNjaGVtZSI6IkhUVFBTIn19.Ip_APIRM7oPyLGGdzdAyPmYs0H3fqtP_hDuCRaKfHy4',
93
-
94
- // 4. AES + widevine
95
- // TODO:playcgi存在drmtoken覆盖问题，导致AES不可用，后端修复
96
- // fileID: '243791576943072647',
97
- // appID: '1306264703',
98
- // psign: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6MTMwNjI2NDcwMywiZmlsZUlkIjoiMjQzNzkxNTc2OTQzMDcyNjQ3IiwiY3VycmVudFRpbWVTdGFtcCI6MTY3MDQ2OTkzMCwiY29udGVudEluZm8iOnsiYXVkaW9WaWRlb1R5cGUiOiJQcm90ZWN0ZWRBZGFwdGl2ZSIsImRybUFkYXB0aXZlSW5mbyI6eyJwcml2YXRlRW5jcnlwdGlvbkRlZmluaXRpb24iOjEyLCJ3aWRldmluZURlZmluaXRpb24iOjEzfX0sInVybEFjY2Vzc0luZm8iOnsiZG9tYWluIjoiMTMwNjI2NDcwMy52b2QyLm15cWNsb3VkLmNvbSIsInNjaGVtZSI6IkhUVFBTIn19.v6Tnc9RozzluhDOmsj2pQ920CBevpvUXW0jvzySjmME',
99
-
100
- // 5. AES + fairplay
101
- // TODO:playcgi存在drmtoken覆盖问题，导致AES不可用，后端修复
102
- // fileID: '243791576943072647',
103
- // appID: '1306264703',
104
- // psign: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6MTMwNjI2NDcwMywiZmlsZUlkIjoiMjQzNzkxNTc2OTQzMDcyNjQ3IiwiY3VycmVudFRpbWVTdGFtcCI6MTY3MDQ2OTk1NCwiY29udGVudEluZm8iOnsiYXVkaW9WaWRlb1R5cGUiOiJQcm90ZWN0ZWRBZGFwdGl2ZSIsImRybUFkYXB0aXZlSW5mbyI6eyJwcml2YXRlRW5jcnlwdGlvbkRlZmluaXRpb24iOjEyLCJmYWlyUGxheURlZmluaXRpb24iOjExfX0sInVybEFjY2Vzc0luZm8iOnsiZG9tYWluIjoiMTMwNjI2NDcwMy52b2QyLm15cWNsb3VkLmNvbSIsInNjaGVtZSI6IkhUVFBTIn19.vRZS29srBfpGAVXiAixURviFJZel_Aq3jnC_V_bX7hk',
105
-
106
- // 6. AES
107
- // fileID: '243791576943072647',
108
- // appID: '1306264703',
109
- // psign: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6MTMwNjI2NDcwMywiZmlsZUlkIjoiMjQzNzkxNTc2OTQzMDcyNjQ3IiwiY3VycmVudFRpbWVTdGFtcCI6MTY3MDQ2OTk3MSwiY29udGVudEluZm8iOnsiYXVkaW9WaWRlb1R5cGUiOiJQcm90ZWN0ZWRBZGFwdGl2ZSIsImRybUFkYXB0aXZlSW5mbyI6eyJwcml2YXRlRW5jcnlwdGlvbkRlZmluaXRpb24iOjEyfX0sInVybEFjY2Vzc0luZm8iOnsiZG9tYWluIjoiMTMwNjI2NDcwMy52b2QyLm15cWNsb3VkLmNvbSIsInNjaGVtZSI6IkhUVFBTIn19.FOcmChHfrGY9tYCDn20MSQi-IqvQ9U_U6qLNgx9MhLg',
110
-
111
- // 7. widevine
112
- // fileID: '243791576943072647',
113
- // appID: '1306264703',
114
- // psign: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6MTMwNjI2NDcwMywiZmlsZUlkIjoiMjQzNzkxNTc2OTQzMDcyNjQ3IiwiY3VycmVudFRpbWVTdGFtcCI6MTY3MDQ3MDk3MywiY29udGVudEluZm8iOnsiYXVkaW9WaWRlb1R5cGUiOiJQcm90ZWN0ZWRBZGFwdGl2ZSIsImRybUFkYXB0aXZlSW5mbyI6eyJ3aWRldmluZURlZmluaXRpb24iOjEzfX0sInVybEFjY2Vzc0luZm8iOnsiZG9tYWluIjoiMTMwNjI2NDcwMy52b2QyLm15cWNsb3VkLmNvbSIsInNjaGVtZSI6IkhUVFBTIn19.mpuMSDumwNh4RQZVJOxya7z12jQfIWsVt_8ByfGS3r0',
115
-
116
- // 8. fairplay
117
- // fileID: '243791576943072647',
118
- // appID: '1306264703',
119
- // psign: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6MTMwNjI2NDcwMywiZmlsZUlkIjoiMjQzNzkxNTc2OTQzMDcyNjQ3IiwiY3VycmVudFRpbWVTdGFtcCI6MTY3MDQ3MTAwMywiY29udGVudEluZm8iOnsiYXVkaW9WaWRlb1R5cGUiOiJQcm90ZWN0ZWRBZGFwdGl2ZSIsImRybUFkYXB0aXZlSW5mbyI6eyJmYWlyUGxheURlZmluaXRpb24iOjExfX0sInVybEFjY2Vzc0luZm8iOnsiZG9tYWluIjoiMTMwNjI2NDcwMy52b2QyLm15cWNsb3VkLmNvbSIsInNjaGVtZSI6IkhUVFBTIn19.ysDF4VupO8A2zRD_3uD6uFSbw_NQwhSgJTQyxj5oARI',
120
-
121
- // 9. 不加密HLS
122
- // fileID: '243791576943072647',
123
- // appID: '1306264703',
124
- // psign: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6MTMwNjI2NDcwMywiZmlsZUlkIjoiMjQzNzkxNTc2OTQzMDcyNjQ3IiwiY3VycmVudFRpbWVTdGFtcCI6MTY3MDQ3MDAwNiwiY29udGVudEluZm8iOnsiYXVkaW9WaWRlb1R5cGUiOiJSYXdBZGFwdGl2ZSIsInJhd0FkYXB0aXZlRGVmaW5pdGlvbiI6MTB9LCJ1cmxBY2Nlc3NJbmZvIjp7ImRvbWFpbiI6IjEzMDYyNjQ3MDMudm9kMi5teXFjbG91ZC5jb20iLCJzY2hlbWUiOiJIVFRQUyJ9fQ.-yxAj1SBp-4QK7sC5Sz7E6gFuqRgY06vbN1Nkto0GQA',
125
-
126
- // 10. 不加密DASH
127
- // fileID: '243791576943072647',
128
- // appID: '1306264703',
129
- // psign: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6MTMwNjI2NDcwMywiZmlsZUlkIjoiMjQzNzkxNTc2OTQzMDcyNjQ3IiwiY3VycmVudFRpbWVTdGFtcCI6MTY3MDQ3MDAxOSwiY29udGVudEluZm8iOnsiYXVkaW9WaWRlb1R5cGUiOiJSYXdBZGFwdGl2ZSIsInJhd0FkYXB0aXZlRGVmaW5pdGlvbiI6MjB9LCJ1cmxBY2Nlc3NJbmZvIjp7ImRvbWFpbiI6IjEzMDYyNjQ3MDMudm9kMi5teXFjbG91ZC5jb20iLCJzY2hlbWUiOiJIVFRQUyJ9fQ.3JcFHAKh9cTajDM1r0uNquuI1q3J4Kk1--X5ZDG5jck',
130
-
131
- // 11. AES 测试loadVideoByID
132
- // appID: '1500005692',
133
- // fileID: '387702307006254554',
134
- // psign: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6MTUwMDAwNTY5MiwiZmlsZUlkIjoiMzg3NzAyMzA3MDA2MjU0NTU0IiwiY3VycmVudFRpbWVTdGFtcCI6MTY3MDMxMDM1MiwiY29udGVudEluZm8iOnsiYXVkaW9WaWRlb1R5cGUiOiJQcm90ZWN0ZWRBZGFwdGl2ZSIsImRybUFkYXB0aXZlSW5mbyI6eyJwcml2YXRlRW5jcnlwdGlvbkRlZmluaXRpb24iOjEyfX0sInVybEFjY2Vzc0luZm8iOnsiZG9tYWluIjoiMTUwMDAwNTY5Mi52b2QyLm15cWNsb3VkLmNvbSIsInNjaGVtZSI6IkhUVFAifX0.PFwxL9NNs_gyrR5U3dxwzeip3wZT4M-Fvtd0H2WkjnA',
135
-
136
- //其他参数请在开发文档中查看
137
- // plugins: {
138
- // ContinuePlay: {
139
- // // auto: true // 是否在播放时自动续播
140
- // },
141
- // ProgressMarker: true,
142
- // ContextMenu: {
143
- // statistic: true,
144
- // levelSwitch: {
145
- // open: true, // 打开切换提示
146
- // // switchingText: '开始', // 开始切换时文案
147
- // // switchedText: '成功', // 切换成功时文案
148
- // // switchErrorText: '失败', // 切换失败时文案
149
- // }
150
- // }
151
- // }
152
- });
153
-
154
- // player.src('https://liveplay.futunn.com/live/3159_e8c6d97e97531cd9e552d3805e3b63bb.m3u8?txWMID=173540');
155
-
156
- document.getElementById('switch').addEventListener('click', function () {
157
- player.loadVideoByID({
158
- appID: '1500005692',
159
- fileID: '387702307006254554',
160
- psign: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6MTUwMDAwNTY5MiwiZmlsZUlkIjoiMzg3NzAyMzA3MDA2MjU0NTU0IiwiY3VycmVudFRpbWVTdGFtcCI6MTY3MDMxMDM1MiwiY29udGVudEluZm8iOnsiYXVkaW9WaWRlb1R5cGUiOiJQcm90ZWN0ZWRBZGFwdGl2ZSIsImRybUFkYXB0aXZlSW5mbyI6eyJwcml2YXRlRW5jcnlwdGlvbkRlZmluaXRpb24iOjEyfX0sInVybEFjY2Vzc0luZm8iOnsiZG9tYWluIjoiMTUwMDAwNTY5Mi52b2QyLm15cWNsb3VkLmNvbSIsInNjaGVtZSI6IkhUVFAifX0.PFwxL9NNs_gyrR5U3dxwzeip3wZT4M-Fvtd0H2WkjnA',
161
- });
162
- });
163
- </script>
80
+ }
81
+ });
82
+
83
+ const IS_ENABLED_MSE = (function () {
84
+ var mediaSource = window.MediaSource = window.MediaSource || window.WebKitMediaSource;
85
+ var sourceBuffer = window.SourceBuffer = window.SourceBuffer || window.WebKitSourceBuffer;
86
+ var isTypeSupported = mediaSource && typeof mediaSource.isTypeSupported === 'function' && mediaSource.isTypeSupported('video/mp4; codecs="avc1.42E01E,mp4a.40.2"');
87
+ // if SourceBuffer is exposed ensure its API is valid
88
+ // safari and old version of Chrome doe not expose SourceBuffer globally so checking SourceBuffer.prototype is impossible
89
+ var sourceBufferValidAPI = !sourceBuffer || sourceBuffer.prototype && typeof sourceBuffer.prototype.appendBuffer === 'function' && typeof sourceBuffer.prototype.remove === 'function';
90
+ // ios13 部分开放了MSE 但支持不完整，hlsjs flvjs播放仍有问题
91
+ // if (IS_IOS){
92
+ // return undefined;
93
+ // }
94
+ return isTypeSupported && sourceBufferValidAPI;
95
+ })();
96
+
97
+ // alert('是否支持MSE:' + IS_ENABLED_MSE);
98
+ // alert(navigator.userAgent);
99
+
100
+
101
+
102
+ // player.src('webrtc://global-lebtest-play.myqcloud.com/live/lebtest?txSecret=f22a813b284137ed10d3259a7b5c224b&txTime=69f1eb8c');
103
+ // player.src('https://global-lebtest-play.myqcloud.com/live/lebtest.flv');
104
+
105
+ </script>
164
106
  </body>
165
-
166
107
  </html>
package/dist/examples/vod/tcplayer-vod-dynamic-watermark.html CHANGED
@@ -12,8 +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="https://imgcache.qq.com/open/qcloud/video/tcplayer/libs/hls.min.0.12.4.js"></script>
15
16
  <!-- 引入播放器 js 文件 -->
16
- <script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.7.2/tcplayer.v4.7.2.min.js"></script>
17
+ <script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.6.0/tcplayer.v4.6.0.min.js"></script>
17
18
  <!-- 示例 CSS 样式可自行删除 -->
18
19
  <style>
19
20
  html,body{
@@ -45,21 +46,19 @@
45
46
  -->
46
47
  <script>
47
48
  var player = TCPlayer('player-container-id', { // player-container-id 为播放器容器ID，必须与html中一致
48
- fileID: '243791576943072647',
49
- appID: '1306264703',
50
- psign: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6MTMwNjI2NDcwMywiZmlsZUlkIjoiMjQzNzkxNTc2OTQzMDcyNjQ3IiwiY3VycmVudFRpbWVTdGFtcCI6MTY3MDQ2OTk3MSwiY29udGVudEluZm8iOnsiYXVkaW9WaWRlb1R5cGUiOiJQcm90ZWN0ZWRBZGFwdGl2ZSIsImRybUFkYXB0aXZlSW5mbyI6eyJwcml2YXRlRW5jcnlwdGlvbkRlZmluaXRpb24iOjEyfX0sInVybEFjY2Vzc0luZm8iOnsiZG9tYWluIjoiMTMwNjI2NDcwMy52b2QyLm15cWNsb3VkLmNvbSIsInNjaGVtZSI6IkhUVFBTIn19.FOcmChHfrGY9tYCDn20MSQi-IqvQ9U_U6qLNgx9MhLg',
51
-
49
+ fileID: '7447398157015849771', // 请传入需要播放的视频filID 必须
50
+ appID: '1256993030' // 请传入点播账号的appID 必须
52
51
  //其他参数请在开发文档中查看
53
- plugins:{
52
+ ,plugins:{
54
53
  DynamicWatermark: { //
55
54
  type: 'text',
56
55
  speed: 0,// 建议取值范围 0<= speed <=1，默认值 0.2
57
56
  content: '7447398157015849771', // 类型必须为String，
58
- opacity: 0.5,
57
+ opacity: 1,
59
58
  fontSize: '12px', // type === text 时有效, 其余字段通用
60
59
  // color: 'red',
61
- right: '20px',
62
- bottom: '30px',
60
+ left: '2%',
61
+ top: '2%',
63
62
  // // right: '',
64
63
  // // bottom: '',
65
64
 
package/dist/examples/vod/video.html ADDED
@@ -0,0 +1,15 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>Document</title>
8
+ </head>
9
+ <body>
10
+ <video width="360" height="240" controls src="https://1306264703.vod2.myqcloud.com/2d7f1c8avodtranscq1306264703/f3164b9b243791576943072647/voddrm.token.eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9~eyJ0eXBlIjoiRHJtVG9rZW4iLCJhcHBJZCI6MTMwNjI2NDcwMywiZmlsZUlkIjoiMjQzNzkxNTc2OTQzMDcyNjQ3IiwiY3VycmVudFRpbWVTdGFtcCI6MCwiZXhwaXJlVGltZVN0YW1wIjoyMTQ3NDgzNjQ3LCJyYW5kb20iOjAsIm92ZXJsYXlLZXkiOiIiLCJvdmVybGF5SXYiOiIiLCJjaXBoZXJlZE92ZXJsYXlLZXkiOiIiLCJjaXBoZXJlZE92ZXJsYXlJdiI6IiIsImtleUlkIjoxLCJzdHJpY3RNb2RlIjowLCJwZXJzaXN0ZW50IjoiIiwicmVudGFsRHVyYXRpb24iOjAsImZvcmNlTDFUcmFja1R5cGVzIjpudWxsfQ~C9uU_SLO5fLM6PCUPA4uMeYihWzx1KIY_8ZK-zQtlL4.video_12_3.m3u8"></video>
11
+
12
+
13
+
14
+ </body>
15
+ </html>