用aliplayer如何实现视频的连续播放?
摘要: 場景 假如有多個視頻,在上一個視頻播放完畢時,自動播放下一個視頻,要怎么處理的呢?需要按使用的播放器類型和切換的地址格式,采用不同的實現方式。 直播地址方式 這種方式最簡單,h5和flash的行為都是一致的,只需要訂閱’ended’, 在ended事件里,調用loadByUrl方法, 參數為下一個視頻的地址。
場景
假如有多個視頻,在上一個視頻播放完畢時,自動播放下一個視頻,要怎么處理的呢?需要按使用的播放器類型和切換的地址格式,采用不同的實現方式。
直播地址方式
這種方式最簡單,h5和flash的行為都是一致的,只需要訂閱’ended’, 在ended事件里,調用loadByUrl方法, 參數為下一個視頻的地址。
function endedHandle() {var newUrl = "";player.loadByUrl(newUrl); }player.on("ended", endedHandle);vid+playauth Saas播放方式
vid和playauth Saas播放方式,h5和flash需要不同的處理方式:
h5在ended事件里調用replayByVidAndPlayAuth方法,參數為vid和新的playauth值。
flash沒有提供切換vid和playauth的方法,需要銷毀,重新創建播放器。
注意:playauth的有效期只有100s, 調用replayByVidAndPlayAuth方法時,需要重新生產獲取playauth
H5 Player
function endedHandle() {var newPlayAuth = ""; player.replayByVidAndPlayAuth(vid,newPlayAuth); }player.on("ended", endedHandle);Flash Player
function endedHandle() {var newPlayAuth = ""; player.dispose(); //銷毀$('#J_prismPlayer').empty();//id為html里指定的播放器的容器id//重新創建player = new Aliplayer({id: 'J_prismPlayer',autoplay: true,playsinline:true,vid: vid,playauth:newPlayAuth,useFlashPrism:true});} }player.on("ended", endedHandle);地址協議不一樣切換地處理
如果原來播放的是mp4的視頻,現在新的地址是hls的視頻地址,這種情況只能重新創建播放器。
function endedHandle() {var newUrl = ""; //新的播放地址player.dispose(); //銷毀$('#J_prismPlayer').empty(); //id為html里指定的播放器的容器id//重新創建player = new Aliplayer({id: 'J_prismPlayer',autoplay: true,playsinline:true,source:newUrl});} }player.on("ended", endedHandle);作者:樰籬
創作挑戰賽新人創作獎勵來咯,堅持創作打卡瓜分現金大獎總結
以上是生活随笔為你收集整理的用aliplayer如何实现视频的连续播放?的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 轻松应对双11,百万级物理和虚拟网络设备
- 下一篇: 用科技共创美好:英特尔助力北京冬奥会新体