tcplayer.js 5.1.0 → 5.2.0

package/CHANGELOG.md

@@ -0,0 +1,120 @@
+## TCplayer 更新日志
+
+### TCplayer 4.6.0 @ 2022.11.04
+- 新增支持多音轨
+- 新增支持url形式的续播
+- 修复部分问题
+
+### TCplayer 4.5.4 @ 2022.8.26
+- 新增支持快直播 abr，更新 txliveplayer
+- 新增支持 av1 in flv，更新 flv.js
+- 新增支持华曦达 DRM
+- 新增支持快直播和标准直播统一自动播放被阻止事件到 blocked
+- 新增支持打点回调事件
+- 修复部分问题
+
+### TCplayer 4.5.3 @ 2022.6.15
+- 新增支持点播商业级 DRM
+
+### TCplayer 4.5.2 @ 2022.4.15
+- 修复通过劫持 mse 绕过私有加密方案盗取视频的漏洞
+- 修复部分上报数据问题
+
+### TCplayer 4.5.0 @ 2022.1.14
+- 新增支持标准直播和快直播数据上报功能
+- 新增支持 MP3 音频格式播放
+- 新增支持弱网追帧能力
+- 优化水印功能，支持更多配置项
+- 修复若干问题
+
+### TCplayer 4.4.0 @ 2021.12.14
+- 新增支持快直播播放
+- 新增点播场景的数据上报功能
+- 新增支持通过 v4 接口播放媒体原文件和转码文件
+
+### TCplayer 4.1 @ 2020.7.10
+- 修改默认 hls.js 版本为0.13.2。
+- 支持开启 Key 防盗链功能。
+- 修复其他已知问题。
+
+
+### TCplayer 4.0 @ 2020.6.17
+- 修复试看视频时长保持显示原始时长。
+- 启用后台清晰度配置。
+- 修复其他已知问题。
+
+## TCplayerLite 更新日志
+### TCplayerLite 2.4.1 @ 2021.06.25
+- 新增支持 v1 信令的 WebRTC 的流地址。
+- 增加 webrtcConfig 参数。
+- 增加 WebRTC 卡顿、卡顿结束、推流结束事件。
+
+### TCplayerLite 2.4.0 @ 2021.06.03
+- 增加对快直播功能的支持。
+- 修复其他已知问题。
+
+### TCplayerLite 2.3.3 @ 2020.07.01
+- 修复 X5 环境下切换全屏时，事件派发异常的问题。
+- 规避 hls 切换源时，相关事件触发时机很慢，导致封面显示异常的问题。
+
+### TCplayerLite 2.3.2 @ 2019.08.20
+- 修改默认 hls 版本为0.12.4。
+- 修复其他已知问题。
+
+### TCplayerLite 2.3.1 @ 2019.04.26
+- 增加 fivConfig 参数。
+- 默认加载 flv.1.5.js。
+- 修复其他已知问题。
+
+### TCplayerLite 2.3.0 @ 2019.04.19
+- 增加部分功能参数选项。
+- 参数 coverpic 改为 poster。
+- destroy 销毁 flv.js 实例。
+- 修复其他已知问题。
+
+### TCplayerLite 2.2.3 @ 2018.12.17
+- 优化播放逻辑。
+- 解决 iOS 微信没有播放事件触发的情况下，出现 loading 动画的问题。
+- 修复其他已知问题。
+
+
+### TCplayerLite 2.2.2 @ 2018.05.03
+- 优化 loading 组件。
+- 优化 Flash destroy 方法。
+- 默认使用 H5 播放。
+- 修复已知问题。
+
+### TCplayerLite 2.2.1 @ 2017.12.20
+- 增加可配置清晰度文案功能。
+- 设置默认清晰度。
+- 支持切换清晰度方法。
+
+
+### TCplayerLite 2.2.1 @ 2017.12.07
+- 增加 systemFullscreen 参数。
+- 增加 flashUrl 参数。
+- 修复音量 Max 后进行静音切换的 UI 问题。
+- 修复 iOS 11 微信下需要单击两次才能播放的问题。
+- 修复 safari 11 系统样式被遮挡的问题。
+- 适配在 x5 内核会触发 seeking，但不会触发 seeked 的情况。
+- 修复进度条拖拽到起始位置，设置 currentTime 失败的问题。
+- 切换清晰度保持音量不变。
+- 修复页面宽度为0，播放器宽度判断失败问题。
+- destroy 方法增加完全销毁播放器节点。
+
+### TCplayerLite 2.2.0 @ 2017.06.30
+- 增加控制播放环境判断的参数： Flash、h5_flv、x5_player。
+- 调整播放器初始化逻辑，优化错误提示效果。
+- 增加 flv.js 支持，在符合条件的情况下可以采用 flv.js 播放 FLV。
+- 支持 x5-video-orientation 属性。
+- 增加播放环境判断逻辑，可通过参数调整 H5 与 Flash 的优先级，以及是否启用 TBS 播放。
+- 启用版本号发布方式，避免影响旧版本的使用者。
+- 优化事件触发的时间戳，统一为标准时间。
+- Bug 修复。
+
+### TCplayerLite 2.1.0 @ 2017.03.04
+至2017.06.30，经历数次的迭代开发，逐步趋于稳定，目前文档的功能描述中，如果没有特殊说明，皆基于此版本。
+
+## Adapter 插件更新日志
+### Adapter 插件发布 @ 2021.07.16
+首次发布播放器 Adapter 版

package/dist/examples/vod/tcplayer-vod-all.html

@@ -8,13 +8,18 @@
   <link href="https://web.sdk.qcloud.com/player/tcplayer/release/v4.6.0/tcplayer.min.css" rel="stylesheet"/>
 
   <!-- <script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.8.0/libs/hls.min.1.1.6.js"></script> -->
-  <!-- <script src="http://127.0.0.1:8082/dist/hls.js"></script> -->
+  <!-- <script src="http://127.0.0.1:8081/dist/hls.js"></script> -->
   <!--播放器脚本文件-->
-  <!-- <script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.8.0/tcplayer.v4.8.0.min.js"></script> -->
+  <!-- <script src="https://web.sdk.qcloud.com/player/tcplayer/release/v5.2.0/tcplayer.v5.2.0.min.js"></script> -->
   <!-- <script src="https://vincentlli-1306264703.cos.ap-nanjing.myqcloud.com/tcplayer/tcplayer.v4.8.0.js"></script> -->
   <!-- <script src="https://webrtc-demo.myqcloud.com/pull-sdk/js/vconsole.min.js"></script> -->
-  <script src="http://localhost:8080/dist/tcplayer.v5.0.0.min.js"></script>
 
+  <!-- <script src="http://127.0.0.1:8081/dist/tcplayer-safe-check-plugin.1.1.0.js"></script> -->
+  <script src="http://localhost:8080/dist/tcplayer.v5.2.0.js"></script>
+
+  <script>
+
+  </script>
 
  
   <style>
@@ -54,7 +59,32 @@
 -->
 <script>
   // var vConsole = new VConsole();
-// TCPlayer.mountHlsProvider(true);
+
+
+//   videojs.plugin('myPlugin', function() {
+//   // 在插件初始化时执行的代码
+//   var player = this;
+
+//   // 在播放器准备就绪时执行的代码
+//   player.ready(function() {
+//     // 在播放器准备就绪时添加自定义按钮
+//     var myButton = player.controlBar.addChild('button', {
+//       text: 'My Plugin',
+//       // 在按钮点击时执行的代码
+//       onClick: function() {
+//         // 在控制台打印一条消息
+//         console.log('My Plugin button clicked!');
+//       }
+//     });
+
+//     // 在播放器销毁时移除自定义按钮
+//     player.on('dispose', function() {
+//       player.controlBar.removeChild(myButton);
+//     });
+//   });
+// });
+
+TCPlayer.mountHlsProvider(true);
   var player = TCPlayer('player-container-id', { // player-container-id 为播放器容器ID，必须与html中一致
     // autoplay: true,
     // language: 'en',
@@ -85,35 +115,37 @@
     // appID: '1306264703',
     // psign: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6MTMwNjI2NDcwMywiZmlsZUlkIjoiMjQzNzkxNTc2OTQzMDcyNjQ3IiwiY3VycmVudFRpbWVTdGFtcCI6MTY3MDQ2OTk1NCwiY29udGVudEluZm8iOnsiYXVkaW9WaWRlb1R5cGUiOiJQcm90ZWN0ZWRBZGFwdGl2ZSIsImRybUFkYXB0aXZlSW5mbyI6eyJwcml2YXRlRW5jcnlwdGlvbkRlZmluaXRpb24iOjEyLCJmYWlyUGxheURlZmluaXRpb24iOjExfX0sInVybEFjY2Vzc0luZm8iOnsiZG9tYWluIjoiMTMwNjI2NDcwMy52b2QyLm15cWNsb3VkLmNvbSIsInNjaGVtZSI6IkhUVFBTIn19.vRZS29srBfpGAVXiAixURviFJZel_Aq3jnC_V_bX7hk',
     
+
+  // 客户drm 17 win + chrome 无法播放
+  // appID: '1258708431', // 请传入点播账号的appID (必须)
+  // fileID: '5285890818299311045', // 请传入需要播放的视频filID (必须)
+  // psign:"eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJwY2ZnIjoiYWR2YW5jZURybVByZXNldCIsInVybEFjY2Vzc0luZm8iOnsidCI6IjY3QjRCOTQ0IiwidXMiOiIyZThiMDU5OGZkMzk0ZTIxYmNkNTg5YWNmMmM5Mzc4YiJ9LCJhcHBJZCI6MTI1ODcwODQzMSwiZXhwaXJlVGltZVN0YW1wIjoxNzM5ODk3MTU2LCJnaG9zdFdhdGVybWFya0luZm8iOnsidGV4dCI6IjE1OTAwNjcyMDk4LeWNkeW-ruWwj-W-kCJ9LCJjdXJyZW50VGltZVN0YW1wIjoxNzMyNjk3MTU2LCJmaWxlSWQiOiI1Mjg1ODkwODE4Mjk5MzExMDQ1In0.b78MaUVRASFUVchKdFNam2sv4JCoVWXYvZl02YJhGFE",
+
     // 6. AES
     fileID: '243791576943072647',
     appID: '1306264703',
     psign: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6MTMwNjI2NDcwMywiZmlsZUlkIjoiMjQzNzkxNTc2OTQzMDcyNjQ3IiwiY3VycmVudFRpbWVTdGFtcCI6MTY3MDQ2OTk3MSwiY29udGVudEluZm8iOnsiYXVkaW9WaWRlb1R5cGUiOiJQcm90ZWN0ZWRBZGFwdGl2ZSIsImRybUFkYXB0aXZlSW5mbyI6eyJwcml2YXRlRW5jcnlwdGlvbkRlZmluaXRpb24iOjEyfX0sInVybEFjY2Vzc0luZm8iOnsiZG9tYWluIjoiMTMwNjI2NDcwMy52b2QyLm15cWNsb3VkLmNvbSIsInNjaGVtZSI6IkhUVFBTIn19.FOcmChHfrGY9tYCDn20MSQi-IqvQ9U_U6qLNgx9MhLg',
     // licenseUrl: 'https://license-test.vod2.myqcloud.com/test/license/testV2/1300054025_1/v_cube.license',
     // licenseUrl: 'https://license-test.vod2.myqcloud.com/test/license/testV2/1251132654_1/v_cube.license',
-    licenseUrl: 'https://license.vod2.myqcloud.com/license/v2/1306264703_1/v_cube.license',
+    // licenseUrl: 'https://vincentlli-1306264703.cos.ap-nanjing.myqcloud.com/tcplayer/vcube.license',
+    // 高级版  testmig-1306264703.cos.ap-guangzhou.myqcloud.com
+    // licenseUrl: 'https://license.vod2.myqcloud.com/license/v2/1306264703_1/v_cube.license',
+    // licenseUrl: 'https://license.vod2.myqcloud.com/license/v2/1256172159_1/v_cube.license',
+    // licenseUrl: 'https://license.vod2.myqcloud.com/license/v2/1306264703_1/v_cube.license',
+    licenseUrl: 'https://license.vod2.myqcloud.com/license/v2/1256172159_1/v_cube.license', // 通配符
+    controlBar: {
+      fullscreenRotate: true,
+      playbackRateMenuButton: false,
+    },
     
 
-  
-
     // 基础版
     // https://license-test.vod2.myqcloud.com/test/license/testV2/1251132654_1/v_cube.license
-
     // 高级版
     // https://license-test.vod2.myqcloud.com/test/license/testV2/1251132654_1/v_cube.license
-
-    
     // licenseUrl: 'https://license-test.vod2.myqcloud.com/test/license/testV2/1300054025_1/v_cube.license',
-
     // licenseUrl: 'https://vincentlli-1306264703.cos.ap-nanjing.myqcloud.com/tcplayer/vcube.license',
-
-
-    // fileID: '3270835010498441393',
-    // appID: '1500012967',
-    // psign: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6MTUwMDAxMjk2NywiZmlsZUlkIjoiMzI3MDgzNTAxMDQ5ODQ0MTM5MyIsImN1cnJlbnRUaW1lU3RhbXAiOjE2ODkwNjY4NzUsImNvbnRlbnRJbmZvIjp7ImF1ZGlvVmlkZW9UeXBlIjoiUHJvdGVjdGVkQWRhcHRpdmUiLCJkcm1BZGFwdGl2ZUluZm8iOnsid2lkZXZpbmVEZWZpbml0aW9uIjoxNDQ0Njc5fX0sInVybEFjY2Vzc0luZm8iOnsiZG9tYWluIjoiMTUwMDAxMjk2Ny52b2QyLm15cWNsb3VkLmNvbSIsInNjaGVtZSI6IkhUVFAifX0.kLW4YWXMoomnyzLwzMlLD2jJQnP2NbliQQ33vByC-DI',
-
-    
-
+  
     // 7. widevine
     // fileID: '243791576943072647',
     // appID: '1306264703',
@@ -151,6 +183,7 @@
           query: false,
         },
       },
+
     //其他参数请在开发文档中查看
     plugins: {
       // SafeCheck: {
@@ -173,6 +206,8 @@
   });
 
 
+
+
   // setTimeout(() => {
   //   console.log('player ori', player);
   //   player.loadVideoByID({
@@ -214,6 +249,14 @@
     console.log('pause');
   });
 
+  player.on('error', function() {
+    console.log(1);
+  });
+
+  player.on('error', function() {
+    console.log(2);
+  });
+
 
   player.on('licenseparsed', function(e) {
     console.log('licenseparsed', e.data);

package/dist/examples/vod/tcplayer-vod-custom-playcgi.html

@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no">
+  <title>腾讯云视频点播示例</title>
+  <link href="https://web.sdk.qcloud.com/player/tcplayer/release/v4.9.1/tcplayer.min.css" rel="stylesheet"/>
+  <script src="https://testmig-1306264703.cos.ap-guangzhou.myqcloud.com/wm/tcplayer.v4.9.1.min.js"></script>
+
+ 
+  <style>
+    html,body{
+      margin: 0;
+      padding: 0;
+    }
+    .tcplayer {
+      margin: 0 auto;
+    }
+    @media screen and (max-width: 640px) {
+      #player-container-id {
+        width: 100%;
+        height: 270px;
+      }
+    }
+    /* 设置logo在高分屏的显示样式 */
+    @media only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 2) {
+      .tcp-logo-img {
+        width: 50%;
+      }
+    }
+  </style>
+</head>
+<body>
+<!-- 设置播放器容器 -->
+<video id="player-container-id" preload="auto" width="640" height="360" playsinline webkit-playsinline>
+</video>
+
+<!--
+注意事项：
+* 播放器容器必须为 video 标签
+* player-container-id 为播放器容器的ID，可自行设置
+* 播放器区域的尺寸请按需设置，建议通过 css 进行设置，通过css可实现容器自适应等效果
+* playsinline webkit-playsinline 这几个属性是为了在标准移动端浏览器不劫持视频播放的情况下实现行内播放，此处仅作示例，请按需使用
+* 设置 x5-playsinline 属性会使用 X5 UI 的播放器
+-->
+<script>
+
+  var player = TCPlayer('player-container-id', { // player-container-id 为播放器容器ID，必须与html中一致
+    language: 'en',
+    playCGIHosts: ['playvideo.vodglcdn.com'],
+    // 6. AES
+    fileID: '243791576943072647',
+    appID: '1306264703',
+    psign: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6MTMwNjI2NDcwMywiZmlsZUlkIjoiMjQzNzkxNTc2OTQzMDcyNjQ3IiwiY3VycmVudFRpbWVTdGFtcCI6MTY3MDQ2OTk3MSwiY29udGVudEluZm8iOnsiYXVkaW9WaWRlb1R5cGUiOiJQcm90ZWN0ZWRBZGFwdGl2ZSIsImRybUFkYXB0aXZlSW5mbyI6eyJwcml2YXRlRW5jcnlwdGlvbkRlZmluaXRpb24iOjEyfX0sInVybEFjY2Vzc0luZm8iOnsiZG9tYWluIjoiMTMwNjI2NDcwMy52b2QyLm15cWNsb3VkLmNvbSIsInNjaGVtZSI6IkhUVFBTIn19.FOcmChHfrGY9tYCDn20MSQi-IqvQ9U_U6qLNgx9MhLg',
+  });
+  
+</script>
+</body>
+</html>

package/dist/examples/vod/tcplayer-vod-vr.html

@@ -1,3 +1,4 @@
+
 <!DOCTYPE html>
 <html lang="en">
 
@@ -10,14 +11,9 @@
 
 
   <link href="https://tcplayer.vcube.tencent.com/tcplayer/release/v4.8.0/tcplayer.min.css" rel="stylesheet" />
-  <!-- <script src="http://localhost:8080/libs/plugins/tcplayer-safe-plugin.1.0.0.js"></script>
-  <script src="http://localhost:8080/libs/plugins/tcplayer-vr-plugin.1.0.0.js"></script>
-  <script src="http://localhost:8080/libs/tcpcrypto.1.0.0.js"></script> -->
-  <script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.8.0/tcplayer.v4.8.0.min.js"></script>
-  <!-- <script src="https://tcplayer.vcube.tencent.com/tcplayer-plugins/tcplayer.v4.8.0.min.js"></script> -->
-
+  <script src="https://tcplayer.vcube.tencent.com/tcplayer-plugins/tcplayer.v4.8.0.min.js"></script>
 
-  <!-- <script src="https://webrtc-demo.myqcloud.com/pull-sdk/js/vconsole.min.js"></script> -->
+  <script src="https://webrtc-demo.myqcloud.com/pull-sdk/js/vconsole.min.js"></script>
 
   <style>
     html,
@@ -71,15 +67,14 @@
 -->
 
   <script>
-    // var vConsole = new VConsole();
+    var vConsole = new VConsole();
     var player = TCPlayer('player-container-id', { // player-container-id 为播放器容器ID，必须与html中一致
       reportable: false,
     
       // 12. vr 
-      appID: '1500005692', 
-      fileID: '243791580518143986',
-      psign: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6MTUwMDAwNTY5MiwiZmlsZUlkIjoiMjQzNzkxNTgwNTE4MTQzOTg2IiwiY3VycmVudFRpbWVTdGFtcCI6MTY4MjMzNzM0NywiY29udGVudEluZm8iOnsiYXVkaW9WaWRlb1R5cGUiOiJQcm90ZWN0ZWRBZGFwdGl2ZSIsImRybUFkYXB0aXZlSW5mbyI6eyJwcml2YXRlRW5jcnlwdGlvbkRlZmluaXRpb24iOjEyfX0sInVybEFjY2Vzc0luZm8iOnsiZG9tYWluIjoiMTUwMDAwNTY5Mi52b2QyLm15cWNsb3VkLmNvbSIsInNjaGVtZSI6IkhUVFBTIn19.g6lUJDbNfLmq8vAiC5dn1GlLTw5HT7dUDxSOCDsKALs',
-      licenseUrl: 'https://vincentlli-1306264703.cos.ap-nanjing.myqcloud.com/tcplayer/vcube.license',
+      // appID: '1500005692', 
+      // fileID: '243791580518143986',
+      // psign: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6MTUwMDAwNTY5MiwiZmlsZUlkIjoiMjQzNzkxNTgwNTE4MTQzOTg2IiwiY3VycmVudFRpbWVTdGFtcCI6MTY4MjMzNzM0NywiY29udGVudEluZm8iOnsiYXVkaW9WaWRlb1R5cGUiOiJQcm90ZWN0ZWRBZGFwdGl2ZSIsImRybUFkYXB0aXZlSW5mbyI6eyJwcml2YXRlRW5jcnlwdGlvbkRlZmluaXRpb24iOjEyfX0sInVybEFjY2Vzc0luZm8iOnsiZG9tYWluIjoiMTUwMDAwNTY5Mi52b2QyLm15cWNsb3VkLmNvbSIsInNjaGVtZSI6IkhUVFBTIn19.g6lUJDbNfLmq8vAiC5dn1GlLTw5HT7dUDxSOCDsKALs',
 
       plugins: {
         VR: {
@@ -92,13 +87,12 @@
           // pitchRange: [-90, 90],
           // fovRange: [30, 110],
         },
-        SafeCheck: true,
       }
     });
 
-    // player.ready(function() {
-    //   player.loadPlugin();
-    // });
+    player.ready(function() {
+
+    });
 
     player.on('error', (err) => {
       console.log('err', err);
@@ -106,6 +100,7 @@
 
     // mp4 vr
     // player.src('https://1305308197.vod2.myqcloud.com/a3557591vodger1305308197/f7270750243791579800235226/f0.mp4');
+    player.src('https://test2-kelive-vod.ke.com/6c9782ddvodcq1500000489/42eae20e1397757897057520142/playlist.f9.mp4')
     
     document.getElementById('enterVR').addEventListener('click', function () {
       player.plugins['VR'].enterVR();

package/dist/examples/vod/veplayer.html

@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="zh">
+<head>
+  <title>VePlayer</title>
+  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
+  <meta name="referrer" content="no-referrer">
+  <link rel="stylesheet" href="//lf-unpkg.volccdn.com/obj/vcloudfe/sdk/@volcengine/veplayer/1.9.5//index.min.css">
+  <script>window.gfdatav1={"env":"prod","idc":"lq","ver":"1.0.0.607","canary":0,"envName":"prod","region":"cn","runtime":"workerV2","extra":{"canaryType":null}}</script><script src="//lf-unpkg.volccdn.com/obj/vcloudfe/sdk/@volcengine/veplayer/1.9.5//index.min.js"></script>
+</head>
+<body>
+<div id="mse"></div>
+<script>
+  const playerSdk = new VePlayer({
+    id: 'mse',
+    lang: 'zh',
+    width: 640,
+    height: 360,
+    unionId: 'veplayer_demo',
+    getVideoByToken: {
+      playAuthToken: 'FileType为evideo的playAuthToken',
+      getDrmAuthToken: (playAuthIds, vid, unionInfo) => {
+        // 请求业务服务端生成 PrivateDrmAuthToken
+        const request = window.fetch(`https://video-server.demo.com/api/GetDrmKeyToken/?kid=${encodeURIComponent(playAuthIds)}&vid=${vid}&uid=${unionInfo}`);
+        return request.then(res => res.json()).then(data => data.result);
+      }
+    },
+    vodLogOpts: {
+      vtype: 'MP4',
+      tag: '版权视频',
+      drm_type: 1,
+      line_app_id: 348293,
+      line_user_id: 'veplayer_web_demo'
+    }
+  });
+</script>
+</body>
+
+</html>

package/dist/examples/webrtc/tcplayer-src-meeting.html

@@ -12,10 +12,12 @@
   <script src="https://cdn.bootcdn.net/ajax/libs/vConsole/3.9.1/vconsole.min.js"></script>
 
   <script src="https://imgcache.qq.com/open/qcloud/video/tcplayer/libs/hls.min.0.13.2m.js"></script>
+  <!-- <script src="https://hlsjs.video-dev.org/dist/hls.js"></script> -->
   <!-- <script src="https://cloudcache.tencent-cloud.com/open/qcloud/live/webrtc/js/TXLivePlayer-1.1.0.min.js"></script> -->
   <script src="https://wliap-1306264703.cos.ap-nanjing.myqcloud.com/TXLivePlayer-1.2.0.min.js "></script>
   <!-- 引入播放器 js 文件 -->
-  <script src="../../../dist/tcplayer.v4.5.3.js"></script>
+  <script src="../../../dist/tcplayer.v4.7.2.js"></script>
+  <!-- <script src="https://static.futunn.com/nnlive/lib/js/tcplayer.v4.5.2.min-d98d38ad6c0d398de78b6ad4ae40ba27.js"></script> -->
   <!-- <script src="https://web.sdk.cloud.tencent.cn/player/tcplayer/release/v4.5.3/tcplayer.v4.5.3.min.js"></script> -->
 
   <!-- 示例 CSS 样式可自行删除 -->
@@ -80,9 +82,8 @@ src="https://5664.liveplay.myqcloud.com/live/5664_harchar1.m3u8?txSecret=f22a813
     }
 
     var player = TCPlayer('player-container-id', {
-      autoplay: false,
       // 封面图
-      // poster:'https://1256993030.vod2.myqcloud.com/20f8b585vodgzp1256993030/0/player/5285890781393938051.png',
+      // poster: 'https://1256993030.vod2.myqcloud.com/20f8b585vodgzp1256993030/0/player/5285890781393938051.png',
       sources: [/* {
       // 快直播地址
       src: 'webrtc://5664.liveplay.myqcloud.com/live/5664_harchar1?txSecret=f22a813b284137ed10d3259a7b5c224b&txTime=6403f7bb'
@@ -91,7 +92,9 @@ src="https://5664.liveplay.myqcloud.com/live/5664_harchar1.m3u8?txSecret=f22a813
       src: 'https://5664.liveplay.myqcloud.com/live/5664_harchar1.m3u8?txSecret=f22a813b284137ed10d3259a7b5c224b&txTime=6403f7bb'
     }, */{
           // src: 'https://1256993030.vod2.myqcloud.com/d520582dvodtransgzp1256993030/7732bd367447398157015849771/v.f40.mp4'
-          src: 'https://liveplay.wemeet.tencent.com/trtc_1400143280/stream_18219061098254429397_648623388.m3u8?txTime=62da4bb7&txSecret=BEDDE265B11E30308A254C7E7AD24095'
+          // src: 'https://liveplay.wemeet.tencent.com/trtc_1400143280/stream_18219061098254429397_648623388.m3u8?txTime=62da4bb7&txSecret=BEDDE265B11E30308A254C7E7AD24095'
+          // src: 'https://liveplay.futunn.com/live/3159_e8c6d97e97531cd9e552d3805e3b63bb.m3u8?txWMID=173540'
+          src: 'https://liveplaydemo.qcloud.com/trtc_1400704311/1400704311_666004_666004_0_main.m3u8?txSecret=6d36db21b33795c07f0de8b283d9f128&txTime=643FD606'
           // src: 'https://5664.liveplay.myqcloud.com/live/5664_harchar1.m3u8?txSecret=f22a813b284137ed10d3259a7b5c224b&txTime=6403f7bb'
         }],
       // 可配置参数说明 https://cloud.tencent.com/document/product/881/30820#options-.E5.8F.82.E6.95.B0.E5.88.97.E8.A1.A8
@@ -106,7 +109,8 @@ src="https://5664.liveplay.myqcloud.com/live/5664_harchar1.m3u8?txSecret=f22a813
       },
       hlsConfig: {
         // 参考 hls.js config 说明 https://github.com/video-dev/hls.js/blob/f3c6b2712e63ee6ed32957e4035254856d24605e/docs/API.md#fine-tuning
-      }
+      },
+      autoplay: true
     });
 
     player.on('ready', function () {
@@ -162,10 +166,19 @@ src="https://5664.liveplay.myqcloud.com/live/5664_harchar1.m3u8?txSecret=f22a813
         }
       });
     });
-    player.one('seeking', () => {
-      console.log('one time');
-      // player.currentTime(Math.ceil(player.currentTime()));
+    // 规避 hls.js 偶现seeking后不触发seeked 的问题
+    let timeout
+    player.one('seeking', (event) => {
+      console.log('on seek');
+      timeout = setTimeout(function () {
+        player.currentTime(Math.ceil(player.currentTime()));
+      }, 500);
+      player.one('seeked', (event) => {
+        console.log('on seeked', timeout);
+        clearTimeout(timeout);
+      })
     })
+
     function playFail() {
       if (player.src().indexOf('webrtc://') === 0) {
         player.tech(true).webrtcProvider && player.tech(true).webrtcProvider.onPlayEvent(-2005);

package/dist/examples/webrtc/tcplayer-src-webrtc-abr-new.html

@@ -71,10 +71,10 @@
       enableAbr: false,
       // 模板名对应的label名
       abrLabels: {
-        d1080p: 'FHD1',
-        d540p: 'HD2',
-        d360p: 'SD3',
-        auto: 'AUTO4',
+        // d1080p: 'FHD1',
+        // d540p: 'HD2',
+        // d360p: 'SD3',
+        // auto: 'AUTO4',
       },
       // 参考 快直播 config 说明
     },
@@ -109,6 +109,55 @@
     
   });
 
+  // player.on('webrtcevent', function(event) {
+  //   console.log('webrtcEvent', event);
+  // });
+
+  player.on('webrtcsei', function(event) {
+    console.log('event', event);
+  });
+  player.on('webrtcfallback', function(event) {
+    console.log('webrtcfallback', event);
+  });
+
+  player.on('debug', function(event, data) {
+    console.log('debug', event, data);
+  });
+  player.on('webrtcstats', function(data) {
+
+    try {
+      document.getElementById('rate').innerHTML = data.data.video.frameWidth + 'x' + data.data.video.frameHeight;
+    } catch (e) {
+      console.log('e', e.message);
+    }
+    
+  });
+
+  // player.on('webrtcevent', function(event) {
+  //   console.log('webrtcEvent', event);
+  // });
+  // player.on('webrtcfallback', function(event) {
+  //   console.log('webrtcfallback', event);
+  // });
+
+  // player.on('webrtceventtest', function(event) {
+  //   console.log('webrtceventtest', event);
+  // })
+
+  // player.on('debug', function(event, data) {
+  //   console.log('debug', event, data);
+  // });
+  // player.on('webrtcstats', function(data) {
+
+  //   try {
+  //     document.getElementById('rate').innerHTML = data.data.video.frameWidth + 'x' + data.data.video.frameHeight;
+  //   } catch (e) {
+  //     console.log('e', e.message);
+  //   }
+    
+  //   // console.log('data', event, data);
+  // });
+
 </script>
 </body>
 </html>

package/dist/examples/webrtc/tcplayer-src-webrtc.html

@@ -62,6 +62,7 @@
       src: 'https://5664.liveplay.myqcloud.com/live/5664_harchar1.m3u8?txSecret=f22a813b284137ed10d3259a7b5c224b&txTime=6403f7bb'
     }],
 
+    licenseUrl: 'https://license.vod2.myqcloud.com/license/v2/1306264703_1/v_cube.license',
     webrtcConfig: {
       receiveSEI: true,
     },
@@ -85,6 +86,10 @@
     console.log('webrtcsei', event.data);
   });
 
+  player.on('webrtcstats', function(event) {
+    console.log('webrtcstats', event.data);
+  });
+
 </script>
 </body>
 </html>

package/dist/lang/zh-CN.js

@@ -99,6 +99,7 @@ TCPlayer.addLanguage("zh-CN",{
  "Param pcfg is not unique.": "pcfg 不唯一。",
  "The license has expired. Please check whether the expiration time setting is reasonable.": "license 过期，请检查过期时间设置是否合理。",
  "Did not find an adaptive stream that can be played.": "没有找到可以播放的自适应码流，<a href='https://cloud.tencent.com/document/product/266/34071' style='color: white;' target='_blank'>查看文档</a>。",
+ "Failed to load hls.js file": "hls.js 文件加载失败",
  "Invalid request format, please check the request format.": "请求格式不合法，请检查请求格式。",
  "AppID is not exist, Please check if the AppID is correct.": "AppID 不存在，请检查 AppID 是否正确。",
  "Without anti-leech information.": "没带防盗链检测。",