七牛上傳開發(fā)(二)七挪瓤埽控制臺實現(xiàn)視頻切片處理

背景

在小程序開發(fā)過程中监徘,我們使用小程序提供的播放組件<video>播放mp4格式的視頻時晋修,發(fā)現(xiàn)長達(dá)15min分鐘的視頻在4G環(huán)境下播放卡頓,加載速度慢凰盔,且拖拽進(jìn)度條播放視頻不流暢的問題墓卦。
盡管,我們將視頻資源傳到了七牛CDN存儲户敬,仍解決不了播放卡頓問題趴拧。于是,想到了以前做七牛調(diào)研時的視頻切片處理方案山叮。

什么是視頻切片

切片將視頻流按指定的時間間隔著榴,切分成一系列分片文件,并生成一個索引文件記錄分片文件的信息屁倔。

簡而言之脑又,就是將一整段視頻切成一段段文件,然后播放時锐借,加載索引文件问麸,根據(jù)進(jìn)度,加載播放指定分片文件钞翔。

那么严卖,視頻切片后會有哪些好處?

  1. 減少視頻播放前加載時間
  2. 按需傳輸布轿,穩(wěn)定傳輸速率哮笆,節(jié)省帶寬。
  3. 便于CDN緩存

七牛提供的音視頻切片

音視頻切片接口用于支持HTTP Live Streaming播放汰扭。HTTP Live Streaming 是由 Apple 提出的基于 HTTP 的流媒體傳輸協(xié)議稠肘。它將一整個音頻、視頻流切割成可由 HTTP 下載的一個個小的音視頻流萝毛,并生成一個 M3U8 播放列表项阴,客戶端只需要獲取資源的 M3U8 播放列表即可播放音視頻。

HLS協(xié)議下切片圖示

在七虐拾控制臺進(jìn)行視頻切片處理

Step1 登錄七呕防浚控制臺

Step2 上傳視頻源文件

根據(jù)以下路徑上傳視頻源文件:
對象存儲 -> 選擇一個存儲空間(若沒有,則創(chuàng)建一個存儲空間)-> 內(nèi)容管理 -> 上傳文件 -> 選擇文件

對象存儲上傳源文件

上傳成功后庵佣,記住上傳的文件名以及bucket(存儲空間名歉胶,此處圖示為tianhls)

Step3 創(chuàng)建多媒體隊列

在控制臺首頁的產(chǎn)品列表中,找到「多媒體隊列」秧了,并創(chuàng)建隊列


創(chuàng)建隊列

此處跨扮,我們創(chuàng)建了一個叫「video_pipeline」的隊列:


創(chuàng)建隊列名稱

Step4 新建作業(yè)

在隊列中,新建作業(yè)。根據(jù)提示衡创,填寫相關(guān)信息帝嗡。


新建作業(yè)

預(yù)設(shè)規(guī)格,根據(jù)具體需求選擇 video-HLS-240k璃氢、video-HLS-150k哟玷、video-HLS-640kvideo-HLS-1000k 中任意一個一也。示例巢寡,選擇video-HLS-640k.

最后,就是選擇處理后文件的存儲地址和文件名椰苟。需要注意的是抑月,建議文件名取為 .m3u8結(jié)尾的文件名。

選擇目標(biāo)空間和目標(biāo)文件名

然后舆蝴,點擊「確認(rèn)創(chuàng)建」谦絮。即可完成作業(yè)創(chuàng)建。接著洁仗,就是等待處理結(jié)果了层皱。若狀態(tài)更新為成功,則處理完成赠潦。


查看處理狀態(tài)

Step5 獲取播放外鏈

回到「對象儲存」叫胖,找到剛剛處理成功的文件。


檢索獲取播放地址

Step 6 驗證播放地址是否有效

測試地址
將獲取到的播放地址她奥,放到該網(wǎng)頁上瓮增,進(jìn)行測試。若播放成功方淤,則說明文件有效钉赁。

相關(guān)文章

參考資料

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末诅岩,一起剝皮案震驚了整個濱河市讳苦,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌吩谦,老刑警劉巖鸳谜,帶你破解...
    沈念sama閱讀 216,692評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異式廷,居然都是意外死亡咐扭,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,482評論 3 392
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來蝗肪,“玉大人袜爪,你說我怎么就攤上這事⊙ι粒” “怎么了辛馆?”我有些...
    開封第一講書人閱讀 162,995評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長豁延。 經(jīng)常有香客問我昙篙,道長,這世上最難降的妖魔是什么诱咏? 我笑而不...
    開封第一講書人閱讀 58,223評論 1 292
  • 正文 為了忘掉前任苔可,我火速辦了婚禮,結(jié)果婚禮上袋狞,老公的妹妹穿的比我還像新娘焚辅。我一直安慰自己,他們只是感情好硕并,可當(dāng)我...
    茶點故事閱讀 67,245評論 6 388
  • 文/花漫 我一把揭開白布法焰。 她就那樣靜靜地躺著,像睡著了一般倔毙。 火紅的嫁衣襯著肌膚如雪埃仪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,208評論 1 299
  • 那天陕赃,我揣著相機(jī)與錄音卵蛉,去河邊找鬼。 笑死么库,一個胖子當(dāng)著我的面吹牛傻丝,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播诉儒,決...
    沈念sama閱讀 40,091評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼葡缰,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了忱反?” 一聲冷哼從身側(cè)響起泛释,我...
    開封第一講書人閱讀 38,929評論 0 274
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎温算,沒想到半個月后怜校,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,346評論 1 311
  • 正文 獨居荒郊野嶺守林人離奇死亡注竿,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,570評論 2 333
  • 正文 我和宋清朗相戀三年茄茁,在試婚紗的時候發(fā)現(xiàn)自己被綠了魂贬。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,739評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡裙顽,死狀恐怖付燥,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情锦庸,我是刑警寧澤机蔗,帶...
    沈念sama閱讀 35,437評論 5 344
  • 正文 年R本政府宣布,位于F島的核電站甘萧,受9級特大地震影響萝嘁,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜扬卷,卻給世界環(huán)境...
    茶點故事閱讀 41,037評論 3 326
  • 文/蒙蒙 一牙言、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧怪得,春花似錦咱枉、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,677評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至入挣,卻和暖如春亿乳,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背径筏。 一陣腳步聲響...
    開封第一講書人閱讀 32,833評論 1 269
  • 我被黑心中介騙來泰國打工葛假, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人滋恬。 一個月前我還...
    沈念sama閱讀 47,760評論 2 369
  • 正文 我出身青樓聊训,卻偏偏與公主長得像,于是被迫代替她去往敵國和親恢氯。 傳聞我的和親對象是個殘疾皇子带斑,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,647評論 2 354

推薦閱讀更多精彩內(nèi)容