测试版

2025-03-05 15:16:45 +08:00
parent 8dbdce6d3f
commit 9accfddbe5
3849 changed files with 365801 additions and 0 deletions
--- a/node_modules/tcplayer.js/dist/examples/webrtc/tcplayer-src-webrtc.html
+++ b/node_modules/tcplayer.js/dist/examples/webrtc/tcplayer-src-webrtc.html
@@ -0,0 +1,95 @@
+<!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>
+  <!-- 引入播放器 css 文件 -->
+  <link href="https://web.sdk.cloud.tencent.cn/player/tcplayer/release/v4.5.0/tcplayer.min.css" rel="stylesheet">
+
+  <!-- 引入播放器 js 文件 -->
+  <script src="https://tcplayer.vcube.tencent.com/tcplayer/temp/tcplayer.v4.8.0.min.js"></script>
+  <script src="https://cdn.bootcdn.net/ajax/libs/vConsole/3.9.1/vconsole.min.js"></script>
+  <!-- 示例 CSS 样式可自行删除 -->
+  <style>
+    html,body{
+      margin: 0;
+      padding: 0;
+    }
+    .tcplayer {
+      margin: 0 auto;
+    }
+    @media screen and (max-width: 640px) {
+      .tcplayer,
+      #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%;
+      }
+    }
+    .button-container{
+      text-align: center;
+    }
+  </style>
+</head>
+<body>
+
+<!-- 设置播放器容器 -->
+<video id="player-container-id" preload="auto" width="640" height="360" playsinline webkit-playsinline>
+</video>
+
+<div class="button-container">
+</div>
+<script>
+  if (TCPlayer.browser.IS_ANDROID || TCPlayer.browser.IS_IOS) {
+    const vConsole = new VConsole({ maxLogNumber: 1000 });
+  }
+  
+  var player = TCPlayer('player-container-id',{
+    sources: [{
+      src: 'webrtc://global-lebtest-play.myqcloud.com/live/lebtest?txSecret=f22a813b284137ed10d3259a7b5c224b&txTime=69f1eb8c',
+    }, {
+      // 快直播地址
+      src: 'webrtc://5664.liveplay.myqcloud.com/live/5664_harchar1?txSecret=f22a813b284137ed10d3259a7b5c224b&txTime=6403f7bb'
+    },{
+      // HLS直播地址
+      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,
+    },
+  });
+
+
+  player.on('ready', function() {
+    console.log('player on ready');
+    // 禁止拖拽进度条 与隐藏进度条不能同时配置。
+    // player.controlBar.progressControl.disable();
+  });
+
+  player.on('webrtcevent', function(event) {
+    console.log('webrtcEvent', event);
+  });
+  player.on('webrtcfallback', function(event) {
+    console.log('webrtcfallback', event);
+  });
+
+  player.on('webrtcsei', function(event) {
+    console.log('webrtcsei', event.data);
+  });
+
+  player.on('webrtcstats', function(event) {
+    console.log('webrtcstats', event.data);
+  });
+
+</script>
+</body>
+</html>