可以把視頻進(jìn)行切片處理,使用的工具軟件ffmpeg
把視頻ts切片生成.m3u8
格式的。
先去官網(wǎng)下載軟件:https://ffmpeg.org/download.html
執(zhí)行命令:ffmpeg -i ./稻香.mp4 -c:v h264 -flags +cgop -g 30 -hls_time 5 -hls_list_size 0 -hls_segment_filename index%3d.ts index.m3u8
例如時(shí)長1小時(shí)的一個(gè)文件,使用此工具按照每5秒分割一個(gè)一個(gè)的小視頻,生成的每個(gè)小視頻后綴都是.ts
格式:
同時(shí)也會(huì)生成一個(gè).m3u8
格式的文件,這個(gè)文件就是上圖這些小視頻的"索引"了,記錄著每一幀在哪個(gè)uri
下:
這樣就可以一小個(gè)視頻來進(jìn)行存儲(chǔ)了。
本人使用vue3框架播放視頻
使用標(biāo)簽指定播放地址為m3u8那個(gè)文件就可以了,有專門的視頻播放js類庫,會(huì)自己解析。
我使用的是import videojs from 'video.js';
。具體代碼如下:
你是否還在尋找穩(wěn)定的海外服務(wù)器提供商?創(chuàng)新互聯(lián)www.cdcxhl.cn海外機(jī)房具備T級(jí)流量清洗系統(tǒng)配攻擊溯源,準(zhǔn)確流量調(diào)度確保服務(wù)器高可用性,企業(yè)級(jí)服務(wù)器適合批量采購,新人活動(dòng)首月15元起,快前往官網(wǎng)查看詳情吧
網(wǎng)頁名稱:長時(shí)長視頻java存儲(chǔ)及vue播放解決方法-創(chuàng)新互聯(lián)
當(dāng)前鏈接:http://m.rwnh.cn/article2/ccgoic.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站設(shè)計(jì)、域名注冊(cè)、網(wǎng)站導(dǎo)航、手機(jī)網(wǎng)站建設(shè)、靜態(tài)網(wǎng)站、企業(yè)網(wǎng)站制作
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容