web 直播&即時聊天------阿里雲、融雲（三）

經過前面的知識，基本已經把聊天室的功能搞定了，剩下的就是直播的問題了...

一如既往，阿里雲的web demo也是少的可憐，只有一個web播放器（Prismplayer），所以這里主要就此播放器踩的坑分享下...

1.獲取直播流地址

目前此播放器有兩種模式：

　　FLASH（pc端）: 

　　　　支持視頻格式： mp4、flv、m3u8、rtmp、mp3

　　HTML5 ：

　　　　支持視頻格式:  mp4、m3u8

所以那些用rtmp的最好轉成m3u8來播放

同樣的，不同模式引入不同js文件，如果兩個都用，阿里也有提供同時支持兩個的版本

傳送門------阿里雲web播放器

轉好格式后，最好添加鑒權，至於是md5，rot13......自行選擇

2.使用播放器

播放器使用方法也很簡單

// 初始化播放器
    var player = new prismplayer({
        id: "J_prismPlayer", // 容器id
        source: "http://cloud.video.taobao.com/play/u/2554695624/p/1/e/6/t/1/fv/102/28552077.mp4",// 視頻地址
        autoplay: false,    //自動播放：否
        width: "100%",       // 播放器寬度
        height: "400px",      // 播放器高度
        isLive: true          //是否直播
    });

 

將source替換成自己的直播地址即可，至於播放器的方法使用，大家去上方的傳送門看就好，這里就不多概述了...

需要注意的是：

當是直播模式的時候，若大家調用 liveStreamStop 方法與 m3u8Retry 方法時，pc與移動端差距略大

pc端可能即時就反饋給你，而移動端需要等待一陣時間

自動播放模式兼容性（移動端）極差，幾乎屬於擺設，暫時還未找到好的自動播放的方法，若有人解決，希望回復下，謝謝

 

另外說一下X5瀏覽器，視頻會自動全屏，ios還可以控制，安卓沒有法子，關於這個問題，騰訊給的回復是開啟同層播放器，具體的方法也很簡單

傳送門---前端技術文檔

所以其實直播就是將視頻拉出來給另一個層而已...

 

這里講的也就是這么多了，如果在閱讀本文過程中發現有任何問題，請您務必指正，感謝萬分...

 

30歲是談戀愛最矛盾的年紀，往往在愛情和面包中尋找平衡點，所以，不敢踏出去尋找另一半，但愛很美好，請不要放棄

 

上一篇：web 直播&即時聊天------阿里雲、融雲（二）

下一篇：web 直播&即時聊天------騰訊雲（四）