摘要:本文出自官方論壇封裝了百度云播放器。百度云播放器突破平臺對視頻格式的限制,支持目前所有主流的媒體格式等。使用前先去百度開放平臺獲取,配置到文件中,否則會出現閃退等異常。
本文出自APICloud官方論壇
UIBPlayer 封裝了百度云播放器 SDK。本模塊帶有UI方案,打開后為一個具有完整功能的播放器界面。百度云播放器突破 Android、iOS 平臺對視頻格式的限制,支持目前所有主流的媒體格式(mp4、avi、wmv、flv、mkv、mov、 rmvb 等)。
模塊亮點介紹:
自帶UI,用戶只需自己設計圖標,調整參數。
具有雙擊播放、暫停,手勢滑動改變播放進度、屏幕亮度和音量的功能
iOS 支持橫豎屏自動切換(設置中打開豎屏鎖定)
頂部、底部按鈕播放時自動隱藏,點擊喚起。
使用前先去百度開放平臺獲取AccessKey,配置到config.xml文件中,否則會出現閃退等異常。參考模塊文檔說明。
直接調用open接口即可打開播放器。代碼如下:
var UIBPlayer = api.require("UIBPlayer");
UIBPlayer.open({ rect: { x: 0, y: 0, w: api.winWidth, h: 300 }, videoScalingMode:"FIT_WITH_CROPPING", path: "http://wvideo.spriteapp.cn/video/2016/0328/56f8ec01d9bfe_wpd.mp4", autoPlay: false, enableLooping: true, pauseInBackground: true, coverImg: "widget://image/uibplayer/cover.png", styles: { head: { bg: "rgba(161,161,161,0.5)", height: 44, marginTop: api.safeArea.top, hide: false, backBtn: { size: 30, backImg: "widget://image/uibplayer/back.png", marginLeft: 5 }, titleLabel: { title: "蝙蝠俠", size: 20, color: "#fff", width: 200, numberLines: 1, leftMargin: 5, backgroundColor: "rgba(0,0,0,0)" }, customButtons: [{ w: 30, h: 30, rightMagin: 5, img: "widget://image/uibplayer/setting.png", imgSelected: "widget://image/uibplayer/settinged.png", }, { w: 30, h: 30, rightMagin: 5, img: "widget://image/uibplayer/mess.png", imgSelected: "widget://image/uibplayer/messed.png", }] }, foot: { bg: "rgba(161,161,161,0.5)", height: 44, marginBottom: 0, hide: false, playBtn: { size: 44, playImg: "widget://image/uibplayer/play.png", pauseImg: "widget://image/uibplayer/pause.png", marginLeft: 0 }, currentTimeLabel: { textSize: 14, textColor: "#FFF", marginLeft: 5 }, seekBar: { sliderImg: "widget://image/uibplayer/slide.png", progressColor: "#696969", progressSelectedColor: "#333333", marginLeft: 5, marginRight: 5 }, totalTimeLabel: { textSize: 14, textColor: "#FFF", marginRight: 5 }, fullScreenBtn: { size: 30, img: "widget://image/uibplayer/unfullscreen.png", fullScreenImg: "widget://image/uibplayer/fullscreen.png", marginRight: 10 } } }, fixedOn: api.frameName, fixed: false });
復制代碼
不同用戶需要到百度開放平臺申請key, 配置到自己項目的config.xml中,提交代碼然后編譯自定義loader。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/31692.html
摘要:,是否自動播放,可以為或,默認為,參數不為時播放器加載完成后均為暫停狀態。,視頻開始前廣告播放的秒數,只針對或圖片有效,默認為。,視頻結束后的動作,停止播放并發送,是不發送且重新循環播放,停止播放,默認為。 網頁中常見的功能就是播放視頻,下面介紹的這個ckplayer.js既可以在pc端播放,也可以在手機網頁上播放。 可調用flash也可以調用html5播放器: var ...
摘要:面試如何防騙一份優秀的前端開發工程師簡歷是怎么樣的作為,有哪些一般人我都告訴他,但是他都不聽的忠告如何面試前端工程師 更多資源請Star:https://github.com/maidishike... 文章轉自:https://github.com/jsfront/mo... 3月份前端資源分享 1. Javascript 使用judge.js做信息判斷 javascript...
閱讀 1090·2021-11-15 18:00
閱讀 2803·2021-09-22 15:18
閱讀 1965·2021-09-04 16:45
閱讀 750·2019-08-30 15:55
閱讀 3853·2019-08-30 13:10
閱讀 1332·2019-08-30 11:06
閱讀 1984·2019-08-29 12:51
閱讀 2294·2019-08-26 13:55