JWPLAYER定製和音頻流

我有兩個問題使用JWPLAYER。我在很多地方搜索過，但沒有得到答案，尤其是關於audio streaming的JWPLAYER。JWPLAYER定製和音頻流

問題1：

我正在轉碼視頻文件轉換成使用aws-elastic-transcoderm3u8和ts塊，全成流媒體視頻。

現在，我想流式傳輸音頻文件。

音頻文件是否遵循相同的過程分爲m3u8和ts塊。它需要什麼額外的配置。支持哪些音頻文件，我還需要音頻高清質量切換音頻。我如何實現它？

問題2：

我想自定義JWPLAYER，尤其是AUDIO player。我想添加不同的按鈕到control-bar。

洗牌按鈕
控制欄中
下載按鈕的圖像
一個按鈕，顯示當前隊列列表。（如何添加音頻文件 HLS排隊）
一個重複的按鈕
設置按鈕

所以，基本盟友我想定製完整的球員。我怎樣才能做到這一點。我如何更改整個JWPLAYER HTML。

請提供任何參考URL（如果有）。

這裏是我的選擇，

JWOptions = { 
     id: "myPlayer2", 
     "playlist": [{ 
     "file": "https://s3.amazonaws.com/mypath1/index.m3u8", 
     "image": "assets/img/bg1.jpg", 
     "title": "Sintel Trailer", 
     "mediaid": "ddra573" 
     }, { 
     "file": "https://s3.amazonaws.com/mypath2/index.m3u8", 
     "image": "assets/img/bg2.jpg", 
     "title": "Big Buck Bunny Trailer", 
     "mediaid": "ddrx3v2" 
     }], 
     width: 800, 
     height: 40, 
    }

謝謝。

來源

2017-05-17 Sravan

約1）：您可以轉換爲AAC（m4a）音頻文件，如視頻。您可以使用非高品質的AAC-LC編解碼器和高質量音頻的HE-AAC。 jwPlayer安裝程序與視頻相同，但它可以工作，但您可以根據自己的需要進行更好的設置。

約2）：你可以在這個例子中http://codepen.io/fdambrosio/pen/XRpBvW項目添加到控制欄等，但是我認爲，增加4個或5個項目沒有很好地成爲默認jwplayer控制欄，因爲在移動/小尺寸的控制欄是最小和jwplayer顯示不同風格的項目感謝桌面。

HTML：

<body> 
    <div id='radioplayer'></div> 
</body>

CSS：

#change-speed {font-size: 16px; color: white; padding-left: 5px; margin-right: 5px;}

JS：

var playerInstance = jwplayer("radioplayer"); 
    playerInstance.setup({ 
    file:'//video.radioradicale.it:1935/store-86/_definst_/mp4:2015/01/MQ781257.mp4/playlist.m3u8', 
    width:544, 
    height: 306, 
    androidhls: true, 
    autostart: true, 
}); 

var tag; 

    jwplayer("radioplayer").on('ready', function(){ 

     if (jwplayer("radioplayer").getProvider().name == "html5" | jwplayer("radioplayer").getProvider().name == "shaka") { 
      console.log('1X'); 
      var normale = document.createElement("div"); 
      normale.id = "change-speed"; 
      normale.setAttribute('class','jw-reset jw-text jw-icon-inline'); 
      normale.innerHTML = "1x"; 
      document.getElementsByClassName('jw-controlbar-right-group')[0].appendChild(normale); 

       tag = document.querySelector('video'); 
       tag.defaultPlaybackRate = 1.0; 
       tag.playbackRate = 1.0; 

       $('#change-speed').on('click', function() { 
     console.log('test'); 
       speed_bfr = tag.playbackRate; 

       console.log(speed_bfr, 'prima'); 
       switch(speed_bfr) { 
       case 1.0: 
       console.log('1.0'); 
       normale.innerHTML = "1.5x"; 
       tag.playbackRate = 1.5; 
       break; 

       case 1.5: 
       console.log('1.5'); 
       normale.innerHTML = "1x"; 
       tag.playbackRate = 1.0; 
       break; 

       } 

      }); 

     } 
    });

您也可以通過海報圖像添加只有一個按鈕（例如下載），如下所述：https://developer.jwplayer.com/jw-player/demos/basic/add-download-button/

否則，您可以使用JwPlayer API開發自定義控制欄或在播放器附近添加按鈕：https://developer.jwplayer.com/jw-player/docs/javascript-api-reference/

來源

2017-05-17 12:55:56 Francesco

JWPLAYER定製和音頻流

回答

相關問題