2013-03-28 97 views

回答

3

我知道你的問題已經有一年了,但我會試着回答它,希望我能省下一些時間和麻煩來解決它。

據我所知,任何原生HTML5音頻/視頻元素都不支持RTMP。

幸運的是mediaelement.js似乎支持這個協議在這裏Flash版本

看來,這個方案被更常用的視頻。這就是爲什麼你必須提供一些額外的參數來使RTMP流工作。

這裏是我得到了一個RTMP音頻流與mediaelement.js工作:

的JavaScript:

$('video,audio').mediaelementplayer({ 
    audioWidth: 500, 
    features: ['playpause','current', 'progress', 'volume'], 
    pluginVars: 'isvideo=true', 
    //Example rtmp://my-streaming-service.com/specific-stream 
    flashStreamer: "rtmp://<base-url+path>", 
    mode:'shim' 
}); 

HTML:

<audio preload="none" controls="controls"> 
    <!-- Example rtmp://my-streaming-service.com/specific-stream/64.stream --> 
    <source src="rtmp://<base-url+path>/<filename>" type="video/mp4"> 
</audio> 
+0

它很奇怪,但你的例子不工作對我來說,無論如何。我有「服務器」rtmp網址和「流」,我結合他們並傳遞給flashStreamer但它不會播放。與此同時,您是否更新了此示例,並附帶了一些不在此處的代碼?謝謝。 – 2015-04-24 08:06:48

+0

不抱歉@CristianBoariu,我還沒有更新這個例子。我實際上轉而使用jwplayer,因爲mediaelement.js需要太多的時間來處理大部分流才能讓它們工作。對不起,我不能幫你進一步... – Ruben 2015-04-27 02:28:48

+0

謝謝@ruben我也切換到jwplayer,似乎工作正常.... – 2015-04-27 15:30:30