tcplayer.js 5.1.0-beta.3 → 5.2.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/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "name": "tcplayer.js",
3
3
  "description": "腾讯云 Web 播放器",
4
- "version": "5.1.0-beta.3",
5
- "main": "./dist/tcplayer.v5.1.0.min.js",
4
+ "version": "5.2.0-beta.1",
5
+ "main": "./dist/tcplayer.v5.2.0.min.js",
6
6
  "style": "./dist/tcplayer.min.css",
7
7
  "copyright": "Copyright Brightcove, Inc. <https://www.brightcove.com/>",
8
8
  "license": "Apache-2.0",
@@ -1,44 +0,0 @@
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>TCPlayer fairplay Demo </title>
8
- <link href="//imgcache.qq.com/open/qcloud/video/tcplayer/tcplayer.css" rel="stylesheet">
9
- <script src="./tcplayer.v5.1.0.min.js"></script>
10
- <style>
11
- html,body{
12
- margin: 0;
13
- padding: 0;
14
- }
15
- .tcplayer {
16
- margin: 0 auto;
17
- }
18
- </style>
19
- </head>
20
- <body>
21
-
22
- <video id="player-container-id" preload="auto" width="640" height="360" playsinline webkit-playsinline>
23
- </video>
24
- <script>
25
- var player = TCPlayer('player-container-id', {
26
- sources: [{
27
- src: 'https://1306038592.ap-singapore.streampackage.srclivepull.myqcloud.com/v1/018c152910971ea540e60351d9a5/018c15294d8f1ea506950357396b/main.m3u8',
28
- type: 'application/x-mpegURL',
29
- keySystems: {
30
- 'com.apple.fps.1_0': {
31
- certificateUri: 'https://68789test.liveplay.myqcloud.com/encrypt_hls_demo/sdmc_fairplay.cer',
32
- licenseUri: 'https://prod.multidrm.tv/getlicense?token=eyJ1aWQiOiAiNjcyOTk5NjU4MDU1ODQ1NDYwOTMiLCAic2VjcmV0X2lkIjogIjk2MlZZMTQwWllWOVFTOUEwN002NzhZUlc5RVU0VzQ0IiwgImNpZCI6ICI2NTY1QUM0RDAwMDA4QzIwMTIwMCIsICJ0aW1lc3RhbXAiOiAxNzQyOTU2ODY0LCAiZHJtX3N5c3RlbSI6ICJGQUlSUExBWSIsICJoYXNoIjogIlJiUUE2UnV3Q1loS1AvenVjaG1Gd1ZZSjFGclBuOXBkNTRZK2kyeDhXckU9In0='
33
- }
34
- }
35
- }],
36
- licenseUrl: 'https://license.vod2.myqcloud.com/license/v2/1306264703_1/v_cube.license',
37
- plugins: {
38
- DRM: {}
39
- },
40
- });
41
-
42
- </script>
43
- </body>
44
- </html>
@@ -1,112 +0,0 @@
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>Tcplayer Demo</title>
9
- <!-- <link href="https://web.sdk.qcloud.com/player/tcplayer/release/v4.5.2/tcplayer.min.css" rel="stylesheet">
10
- <script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.5.2/libs/hls.min.0.13.2m.js"></script>
11
- <script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.5.2/tcplayer.v4.5.2.min.js"></script> -->
12
- <link href="https://web.sdk.qcloud.com/player/tcplayer/release/v5.0.0/tcplayer.min.css" rel="stylesheet">
13
- <!-- <script src="https://web.sdk.qcloud.com/player/tcplayer/release/v5.0.1/libs/hls.min.1.1.6.js"></script> -->
14
- <!-- <script src="https://web.sdk.qcloud.com/player/tcplayer/release/v5.0.1/tcplayer.v5.0.1.min.js"></script> -->
15
- <script src="http://10.21.119.52:8080/dist/tcplayer.v5.0.1.js"></script>
16
- <style>
17
- html,body{
18
- margin: 0;
19
- padding: 0;
20
- }
21
- .tcplayer {
22
- margin: 0 auto;
23
- }
24
- @media screen and (max-width: 480px) {
25
- #player-container-id {
26
- width: 100%;
27
- height: 240px;
28
- }
29
- }
30
- </style>
31
- </head>
32
- <body>
33
-
34
- <video id="player-container-id" preload="auto" width="640" height="360" playsinline webkit-playsinline>
35
- </video>
36
-
37
- <script>
38
-
39
-
40
-
41
- function generateUUID() {
42
- let d = new Date().getTime();
43
- let uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
44
- let r = (d + Math.random() * 16) % 16 | 0;
45
- d = Math.floor(d / 16);
46
- return (c == 'x' ? r : (r & 0x3 | 0x8)).toString(16);
47
- });
48
- return uuid;
49
- }
50
-
51
- // 鍒濆鍖栬吘璁挱鏀惧櫒
52
- var tcPlayer;
53
- function initTCPlayer() {
54
- tcPlayer = TCPlayer('player-container-id', {
55
- sources: [{
56
- // src: 'webrtc://play.ibstop.cn/live/c7132685e8524bd0996f780fbad5de87',
57
- src: 'webrtc://play.ibstop.cn/live/aead6d63ae314b1fb6a795bbc7652cbb'
58
- // src: playUrl
59
- }],
60
- // webrtcConfig: {
61
- // fallbackUrl: 'http://play.ibstop.cn/live/1953e4f28e1a4e53ad091d50bd0a7f72.flv',
62
- // },
63
- licenseUrl: 'https://license.vod2.myqcloud.com/license/v2/1251943848_1/v_cube.license',
64
- autoplay: true,
65
-
66
- // controls: false
67
- });
68
- tcPlayer.on('webrtcfallback', function (event) {
69
- console.log(event);
70
- });
71
- tcPlayer.on('webrtcevent', function (event) {
72
- // 浠庡洖璋冨弬鏁� event 涓幏鍙栦簨浠剁姸鎬佺爜鍙婄浉鍏虫暟鎹�
73
- console.log(event);
74
- });
75
- tcPlayer.on('error', function (error) {
76
- // 鍋氫竴浜涘鐞�
77
- console.log('error', error);
78
- });
79
-
80
- tcPlayer.on('blocked', function() {
81
- console.log('blocked');
82
- });
83
-
84
- tcPlayer.on('pause', function() {
85
- console.log('pause');
86
- });
87
-
88
- tcPlayer.on('fullscreenchange', function(e) {
89
- console.log('eee', e, tcPlayer.isFullscreen());
90
- })
91
-
92
-
93
-
94
- setTimeout(() => {
95
- tcPlayer.play();
96
- }, 500);
97
-
98
-
99
-
100
-
101
-
102
- }
103
-
104
-
105
-
106
- initTCPlayer()
107
-
108
- </script>
109
- </body>
110
- </html>
111
-
112
-