1. <optgroup id="egxee"><li id="egxee"><del id="egxee"></del></li></optgroup>

      <cite id="egxee"></cite>

    2. 幫助與文檔
      熱搜關鍵詞:直播系統短視頻源碼一對一
      接入騰訊云超級播放器,實現直播源碼網頁播放
      發布來源:云豹科技    發布人:云豹科技    Date:2022-06-23 10:01:55

      云豹直播源碼是以直播為核心的社交系統,分別實現了移動端和網頁端功能,那么基于網頁的視頻播放是怎樣實現的呢?騰訊云點播超級播放器是基于HTML5 的 <video> 標簽使用多種播放策略,來實現視頻播放,實現了多平臺播放效果的統一。

      同時,直播源碼結合騰訊云超級播放器和點播視頻服務,實現防盜鏈和播放 HLS 加密視頻等功能,目前市面上主流的瀏覽器都能很好的支持。

      一、接入騰訊云超級播放器

      1、技術人員可以在直播源碼需要使用播放器的頁面引入以下代碼:

       
      <link href="https://web.sdk.qcloud.com/player/tcplayer/release/v4.5.2/tcplayer.min.css" rel="stylesheet"/>
       
       <!--如果需要在 Chrome 和 Firefox 等現代瀏覽器中通過 H5 播放 Webrtc 視頻,需要在 tcplayer.vx.x.x.min.js 之前引入 TXLivePlayer-x.x.x.min.js。-->
       
       <!--有些瀏覽器環境不支持 Webrtc,播放器會將 Webrtc 流地址自動轉換為 HLS 格式地址,因此快直播場景同樣需要引入hls.min.x.xx.xm.js。-->
       
       <script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.5.1/libs/TXLivePlayer-1.2.0.min.js"></script>
       
       <!--如果需要在 Chrome 和 Firefox 等現代瀏覽器中通過 H5 播放 HLS 協議的視頻,需要在 tcplayer.vx.x.x.min.js 之前引入 hls.min.x.xx.xm.js。-->
       
       <script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.5.2/libs/hls.min.0.13.2m.js"></script>
       
       <!--如果需要在 Chrome 和 Firefox 等現代瀏覽器中通過 H5 播放 FLV 格式的視頻,需要在 tcplayer.vx.x.x.min.js 之前引入 flv.min.x.x.x.js。-->
       
       <script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.5.2/libs/flv.min.1.6.2.js"></script>
       
       <!--播放器腳本文件-->
       
       <script src="https://web.sdk.qcloud.com/player/tcplayer/release/v4.5.2/tcplayer.v4.5.2.min.js"></script>


      2、引入播放器的樣式文件:

       
      <link href="/tcplayer.min.css" rel="stylesheet"/>
       <!--如果需要在 Chrome 和 Firefox 等現代瀏覽器中通過 H5 播放 HLS 格式的視頻,需要在 tcplayer.vx.x.x.min.js 之前引入 hls.min.x.xx.m.js。-->
       
       <script src="/libs/hls.min.0.13.2m.js"></script>
       
       <!--播放器腳本文件-->
       
       <script src="/tcplayer.v4.3.0.min.js"></script>


      3、在直播源碼需要展示播放器的地方使用video標簽:

      <video id="player-container-id" width="414" height="270" preload="auto" playsinline webkit-playsinline>
      </video>


      4、初始化播放器對象

      (1)調用初始化js代碼,初始化播放器對象。

      var player = TCPlayer('player-container-id', {}); // player-container-id 為播放器容器 ID,必須與 html 中一致
       
      player.src(url); // url 播放地址


      (2)結合騰訊云點播來初始化播放器對象。

       
      var player = TCPlayer('player-container-id', { // player-container-id 為播放器容器 ID,必須與 html 中一致
       
          fileID: '3701925921299637010', // 請傳入需要播放的視頻 fileID(必須)
      appID: '1500005696' // 請傳入點播賬號的 appID(必須)
       
        //私有加密播放需填寫 psign, psign 即超級播放器簽名,簽名介紹和生成方式參見鏈接:https://cloud.tencent.com/document/product/266/42436
       
        //psign:'eyJhbGci……',
      });


      開發人員可以在兩者中選擇一種方式進行初始化,實現直播源碼的播放功能。如果您對直播源碼開發感興趣,請關注我們,有什么問題可以互相討論。

      聲明:以上內容為云豹科技原創,未經作者本人同意,禁止轉載,否則將追究相關法律責任www.hivedock.com

      本文標簽: 直播源碼
      国产青草视频在线观看

        1. <optgroup id="egxee"><li id="egxee"><del id="egxee"></del></li></optgroup>

          <cite id="egxee"></cite>