阿里雲視頻點播(VOD)是集音視頻上傳、自動化轉碼處理、媒體資源管理、分發加速於一體的全鏈路音視頻點播服務。藉助靈活、可伸縮的存儲、處理及內容分發服務,幫助企業和開發者快速搭建安全、彈性、高可定製的點播平台和應用,提供端到端的完整解決方案。
第一步:安裝
在頁面上引入下面三個JS腳本,見 視頻上傳SDK下載。
<!– IE需要es6-promise –>
<script src=”../lib/es6-promise.min.js”></script>
<script src=”../lib/aliyun-oss-sdk6.10.0.min.js”></script>
<script src=”../aliyun-vod-upload-sdk1.5.2.min.js”></script>
第二步:頁面js上傳代碼
請求上傳地址加憑證
上傳地址和憑證方式(推薦使用)
首先請求獲取的上傳地址和憑證初始化時無需設置,而是在開始上傳開始後觸發的onUploadStarted回調中調用setUploadAuthAndAddress(uploadFileInfo, uploadAuth, uploadAddress,videoId);方法進行設置。 當token超時,會觸發onUploadTokenExpired回調,需要調用resumeUploadWithAuth(uploadAuth)方法,設置新的上傳憑證繼續上傳。
示例代碼
var uploader = new AliyunUpload.Vod({
timeout: 60000,
partSize: 1048576,
parallel: 5,
retryCount:3,
retryDuration: 2,
region: cn-shanghai,
userId: 『12232』,
// 添加文件成功
addFileSuccess: function (uploadInfo) {
},
// 開始上傳
onUploadstarted: function (uploadInfo) {
},
// 文件上傳成功
onUploadSucceed: function (uploadInfo) {
},
// 文件上傳失敗
onUploadFailed: function (uploadInfo, code, message) {
},
// 取消文件上傳
onUploadCanceled: function (uploadInfo, code, message) {
},
// 文件上傳進度,單位:位元組, 可以在這個函數中拿到上傳進度並顯示在頁面上
onUploadProgress: function (uploadInfo, totalSize, progress) {var progressPercent = Math.ceil(progress * 100)
},
// 上傳憑證超時
onUploadTokenExpired: function (uploadInfo) {
},
// 全部文件上傳結束
onUploadEnd: function (uploadInfo) {
$(‘#status’).text(‘文件上傳完畢!’)
console.log(“onUploadEnd: uploaded all the files”)
}
})
第三步:獲取視頻上傳地址和憑證
知識付費根目錄
extend/service/VodService.php中videoUploadAddressVoucher方法
主要獲得視頻上傳地址和憑證;
使用js來完成上傳:
var createUrl = 使用videoUploadAddressVoucher方法返回的鏈接;
$.get(createUrl, function (data) {
var uploadAuth = data.UploadAuth
var uploadAddress = data.UploadAddress
var videoId = data.VideoId
uploader.setUploadAuthAndAddress(uploadInfo, uploadAuth, uploadAddress,videoId)
}, ‘json’)
第四步:保存上傳數據
保存上傳時生成的videoId值,播放時會需要
第五步:播放連接
我們使用獲取視頻播放憑證,來在阿里雲播放器播放;
通過videoId獲取視頻點播的臨時鏈接。知識付費根目錄
application/wap/controller/Special.php中的get_video_playback_credentials方法使用videoId獲得臨時鏈接。
阿里雲文檔連接:
實例化播放器
new Aliplayer({
id: ‘player’,
vid: VideoId,
playauth: PlayAuth,
format: ‘mp3’,
mediaType: ‘audio’,
encryptType: 1,
autoplay: false
});
知識付費阿里雲視頻點播就是這樣的流程;
原創文章,作者:投稿專員,如若轉載,請註明出處:https://www.506064.com/zh-hk/n/250063.html
微信掃一掃
支付寶掃一掃