長時長視頻java存儲及vue播放解決方法-創新互聯

需要在B/S架構播放2G的1小時時長視頻，考慮性能要做視頻分片

一、大視頻存儲

可以把視頻進行切片處理，使用的工具軟件ffmpeg把視頻ts切片生成.m3u8格式的。
先去官網下載軟件：https://ffmpeg.org/download.html
執行命令：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
例如時長1小時的一個文件，使用此工具按照每5秒分割一個一個的小視頻，生成的每個小視頻后綴都是.ts格式：
在這里插入圖片描述
同時也會生成一個.m3u8格式的文件，這個文件就是上圖這些小視頻的"索引"了，記錄著每一幀在哪個uri下：

這樣就可以一小個視頻來進行存儲了。

成都創新互聯公司是一家專業提供云龍企業網站建設,專注與網站設計制作、成都網站設計、H5建站、小程序制作等業務。10年已為云龍眾多企業、政府機構等服務。創新互聯專業網站設計公司優惠進行中。二、大視頻播放

本人使用vue3框架播放視頻
使用標簽指定播放地址為m3u8那個文件就可以了，有專門的視頻播放js類庫，會自己解析。
我使用的是import videojs from 'video.js';。具體代碼如下：

你是否還在尋找穩定的海外服務器提供商？創新互聯www.cdcxhl.cn海外機房具備T級流量清洗系統配攻擊溯源，準確流量調度確保服務器高可用性，企業級服務器適合批量采購，新人活動首月15元起，快前往官網查看詳情吧

網頁名稱：長時長視頻java存儲及vue播放解決方法-創新互聯
當前鏈接：http://m.kartarina.com/article2/ccgoic.html

成都網站建設公司_創新互聯，為您提供網站設計、域名注冊、網站導航、手機網站建設、靜態網站、企業網站制作

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容