視頻邊下邊播

背景

目前視頻相關(guān)的需求越來越多,眾所周知毙死,視頻文件一般都比較大燎潮,在移動端播放會耗費(fèi)很大的流量,如何讓用戶以最少的流量播放網(wǎng)絡(luò)視頻扼倘,且以最快的速度滿足視頻的播放及用戶拖動響應(yīng)确封,這篇文章將分享一下已經(jīng)實(shí)現(xiàn)的一些策略及方案。

mp4文件基本知識:

對于播放器而言再菊,只要視頻文件的頭信息(時(shí)長爪喘,幀率,碼率纠拔,視頻數(shù)據(jù)偏移量等)解析到了秉剑,然后根據(jù)視頻播放的當(dāng)前時(shí)間對應(yīng)的內(nèi)容數(shù)據(jù)就可以播放視頻,mp4的基本格式可參考http://www.reibang.com/p/3ab4bd0d4219稠诲≌炫簦基于以上诡曙,只要解析到視頻的頭信息,然后緩存視頻數(shù)據(jù)內(nèi)容就可以實(shí)現(xiàn)緩存播放及seek播放略水。

兩種方案

視頻的緩存播放目前有兩種方案价卤,

1、通過解析mp4的格式聚请,將mp4的數(shù)據(jù)直接下載并寫入文件荠雕,然后讓播放器直接播放的是本地的視頻文件;

2驶赏、使用本地代理服務(wù)器進(jìn)行文件緩存炸卑,并將視頻url地址轉(zhuǎn)換成本地代理服務(wù)器地址來實(shí)現(xiàn)視頻的緩存播放。

第一種方案

圖1

如圖1所示煤傍,第一種方案是先下載視頻到本地文件盖文,然后把本地視頻文件地址傳給播放器,播放器實(shí)際播放的是本地文件蚯姆。當(dāng)播放器的播放進(jìn)度大于當(dāng)前的可播放的下載緩存進(jìn)度五续,則暫停播放,等緩存到足夠播放時(shí)間之后龄恋,再讓播放器開始播放疙驾。這種方案的下載方式是與播放器完全沒有關(guān)系的,只是順序的將服務(wù)器下發(fā)的視頻數(shù)據(jù)寫入本地文件郭毕,然后讓播放器來讀取數(shù)據(jù)它碎。

但是在調(diào)研的過程中發(fā)現(xiàn),對于mp4文件其實(shí)有兩種格式的數(shù)據(jù)显押,一種是頭信息(即moov)在視頻頭部扳肛,一種是在視頻尾部,之前已經(jīng)提到過乘碑,視頻播放器只有解析到了頭部才可以播放視頻挖息,所以應(yīng)先獲得mp4的moov才能播放。因此對于moov信息在后面的mp4文件兽肤,必須在視頻緩存的時(shí)候把它寫到文件前面才可以正常播放套腹。對調(diào)換的過程以及mp4格式感興趣的同學(xué)同樣可以參考http://www.reibang.com/p/3ab4bd0d4219 這篇文章。

這種方式雖然能夠滿足緩存播放這個(gè)需求资铡,但是會產(chǎn)生很多問題沉迹,例如視頻下載到本地,下載多少才可以把本地文件作為視頻源傳給播放器即視頻開啟播放速度害驹;播放的速度大于下載速度的話,該怎么辦蛤育?如果播放器seek到文件沒有緩存的位置宛官,應(yīng)該怎么處理葫松?對于視頻關(guān)閉之后,第二次進(jìn)入如何知道已經(jīng)下載了多少底洗?等等問題腋么。

目前的解決方案是,當(dāng)緩存到500kb才把緩存的地址傳給播放器亥揖,視頻文件小于500kb則下載完之后再播放珊擂,起播慢(需要改進(jìn))。當(dāng)下載進(jìn)度比播放進(jìn)度多5秒的數(shù)據(jù)量才讓播放器播放费变,不然的話就暫停摧扇。如果seek到?jīng)]有緩存的地方就切換到網(wǎng)絡(luò)上停止當(dāng)前的下載,浪費(fèi)一些流量挚歧。每次下載都會保存一份配置文件扛稽,來保存是否下載完成,沒下載完成則第二次根據(jù)當(dāng)前緩存文件大小滑负,重新開始順序下載在张。這個(gè)時(shí)候有些同學(xué)會想,這些數(shù)據(jù)怎么來的矮慕,---只是我們測試出來的經(jīng)驗(yàn)值(亟待改進(jìn))帮匾。

總的來說第一種方案有如下缺點(diǎn):

1、用戶播放視頻的時(shí)候可能等待的時(shí)間較長(起播慢)

2痴鳄、流量浪費(fèi)(seek之后會播網(wǎng)絡(luò)流鞋诗,停止下載)

3唆缴、需要太多控制視頻播放的邏輯來進(jìn)行輔助,與播放器代碼耦合嚴(yán)重。

4涎劈、seek之后切源會耗時(shí),每次seek比較慢

因此經(jīng)過一段時(shí)間的研究忙灼,新的緩存方案應(yīng)運(yùn)而生杭攻。

第二種方案

圖 2


核心技術(shù)要點(diǎn):

1、 通過代理服務(wù)器猫态,從socket截取播放器請求數(shù)據(jù)佣蓉;

2、 根據(jù)截取的range信息亲雪,從網(wǎng)絡(luò)服務(wù)器請求視頻數(shù)據(jù)勇凭;

3、 視頻數(shù)據(jù)寫入本地文件义辕,seek后可以從seek位置繼續(xù)寫入并播放虾标;

4、 邊下邊播灌砖,加快播放速度璧函;

5傀蚌、 與播放器邏輯完全解耦,對于播放器只是一個(gè)地址

如圖2所示蘸吓,新的方案是在播放器與視頻源服務(wù)器之間加一層代理服務(wù)器善炫,截取視頻播放器發(fā)送的請求,根據(jù)截取的請求库继,向網(wǎng)絡(luò)服務(wù)器請求數(shù)據(jù)箩艺,然后寫到本地。本地代理服務(wù)器從文件中讀取數(shù)據(jù)并發(fā)送給播放器進(jìn)行播放宪萄。過程如圖3所示:


圖 3

具體流程如下:

1艺谆、啟動本地代理服務(wù)器。

2雨膨、視頻源地址傳給本地代理服務(wù)器擂涛。

3、將視頻源地址轉(zhuǎn)換成本地代理服務(wù)器的地址作為播放器的視頻源地址聊记。

4撒妈、播放器向本地代理服務(wù)器發(fā)送請求。

5排监、本地代理服務(wù)器截取這個(gè)請求狰右,再根據(jù)解析出來請求的信息向真正的服務(wù)器發(fā)起請求。

6舆床、本地代理服務(wù)器開始接受數(shù)據(jù)棋蚌,寫入文件并將文件數(shù)據(jù)再返回到播放器。

7挨队、播放器接收到這些數(shù)據(jù)之后播放谷暮。

8、seek之后重新進(jìn)行以上步驟盛垦。

代理服務(wù)器視頻文件下載方案

考慮到播放視頻的時(shí)候湿弦,用戶會拖動進(jìn)度條進(jìn)行seek,而此時(shí)需要從用戶拖動的位置進(jìn)行下載腾夯,這樣會讓視頻文件產(chǎn)生許多的空洞颊埃,如圖4所示:


圖 4


為了節(jié)省流量,只會下載文件中沒有數(shù)據(jù)的部分蝶俱,也就是圖 4藍(lán)色的部分班利。因此需要存儲下載的片段信息。目前采用的數(shù)據(jù)結(jié)構(gòu)如下所示:

fragment = [start榨呆,end]罗标;

array = [fragment 0,fragment 1,fragment 2,fragment 3];

其中fragment指的是下載的片段馒稍,start指的是片段開始的位置皿哨,end為片段的結(jié)束位置。

array指的是存儲fragment的數(shù)組纽谒,數(shù)組中的fragment是依靠start從小到大來來插入到數(shù)組中的,保證了數(shù)組的有序性如输。

下載的片段是記錄在一個(gè)數(shù)組中:array = [fragment0 鼓黔,fragment 1,fragment 2不见,fragment 3];

下載共分為兩個(gè)階段:seek階段和補(bǔ)洞階段澳化。

seek階段:即為在播放的時(shí)候,根據(jù)用戶seek的位置來進(jìn)行下載稳吮。

根據(jù)seek到的位置分為兩種情況:

情況一:如果seek到的位置是在已有的片段中(例如圖中的seek1的位置缎谷,該處有數(shù)據(jù)),就從該片段(fragment1)的末尾請求數(shù)據(jù)(end1)灶似,直到下個(gè)片段的開始位置處(fragment2的start)列林,也就是向服務(wù)器請求的range為:

rang1 = (end1 ) —— start2;

這個(gè)片段下載完成后,假如把下載的片段記為fragment1.1酪惭,則會把fragment1希痴、fragment1.1、fragment2合為一個(gè)片段為fragment1-2春感,則array = [fragment 0砌创,fragement1-2,frament3]鲫懒;這次下載后的狀態(tài)圖5所示:

圖 5

接下來一直下載直到array = [fragment 0嫩实,fragement1-3];之后會判斷fragement1-3有沒有到文件末尾,如果到了就下載結(jié)束窥岩,如果沒到就從從fragement3的(end3)開始下載直到文件末尾甲献。

情況二:如果seek到的位置沒有在已有的片段中,(例如說是在圖4中的seek2的位置)谦秧,就從seek到的位置開始下載數(shù)據(jù)直到下一個(gè)片段的start(fragment2的start2)竟纳,假如這個(gè)片段記為fragment1.1,則會把fragment1.1和fragment2合并即數(shù)組為:array= [fragment 0疚鲤,fragment1锥累,fagment1.1-2,fragment3]集歇;合并后的情況如圖6所示:接下來的操作就是繼續(xù)下載桶略,直到下載到文件末尾;


圖 6

如果片段太小保存起來就會讓播放器下次播放的時(shí)候多發(fā)送一次請求,這樣是很耗費(fèi)資源际歼。例如:如圖6所示惶翻,如果fragment1的大小只有1kb,想要補(bǔ)充fragment0與fragment1.1-2之間的數(shù)據(jù)鹅心,就需要發(fā)送兩次請求吕粗,這樣頻繁的發(fā)送請求,比較浪費(fèi)資源旭愧。因此當(dāng)fragment太小颅筋,就不存在配置數(shù)組中。這樣會少發(fā)一次請求输枯,也不會浪費(fèi)很大的流量议泵。

當(dāng)下載片段太小(例如說下載的長度<20KB)桃熄,就不保存在片段數(shù)組中(為了控制片段的粒度)先口。這樣會產(chǎn)生一個(gè)問題,當(dāng)視頻文件中間有一個(gè)空洞小于20KB瞳收,這個(gè)片段永遠(yuǎn)補(bǔ)不上碉京。這個(gè)時(shí)候就需要用到第二階段。

第二階段補(bǔ)洞階段缎讼,就是第二次播放的時(shí)候收夸,如果文件中有空洞,這個(gè)時(shí)候不論片段再小血崭,也會存到片段中卧惜。

最后當(dāng)配置數(shù)組中存的數(shù)據(jù)只剩下最后的{0,length}夹纫,length為視頻總長度的時(shí)候咽瓷,表示文件已全部下載完成。

性能比較

下表的數(shù)據(jù)都是在第一次播放60秒舰讹,7.8M的視頻得出來的性能數(shù)據(jù)茅姜。從表1中可以看出方案二性能比方案一的性能高出很多。

表 1
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末月匣,一起剝皮案震驚了整個(gè)濱河市钻洒,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌锄开,老刑警劉巖素标,帶你破解...
    沈念sama閱讀 217,185評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異萍悴,居然都是意外死亡头遭,警方通過查閱死者的電腦和手機(jī)寓免,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,652評論 3 393
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來计维,“玉大人袜香,你說我怎么就攤上這事■昊蹋” “怎么了蜈首?”我有些...
    開封第一講書人閱讀 163,524評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長剑按。 經(jīng)常有香客問我疾就,道長,這世上最難降的妖魔是什么艺蝴? 我笑而不...
    開封第一講書人閱讀 58,339評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮鸟废,結(jié)果婚禮上猜敢,老公的妹妹穿的比我還像新娘。我一直安慰自己盒延,他們只是感情好缩擂,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,387評論 6 391
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著添寺,像睡著了一般胯盯。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上计露,一...
    開封第一講書人閱讀 51,287評論 1 301
  • 那天博脑,我揣著相機(jī)與錄音,去河邊找鬼票罐。 笑死叉趣,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的该押。 我是一名探鬼主播疗杉,決...
    沈念sama閱讀 40,130評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼蚕礼!你這毒婦竟也來了烟具?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,985評論 0 275
  • 序言:老撾萬榮一對情侶失蹤奠蹬,失蹤者是張志新(化名)和其女友劉穎朝聋,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體罩润,經(jīng)...
    沈念sama閱讀 45,420評論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡玖翅,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,617評論 3 334
  • 正文 我和宋清朗相戀三年翼馆,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片金度。...
    茶點(diǎn)故事閱讀 39,779評論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡应媚,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出猜极,到底是詐尸還是另有隱情中姜,我是刑警寧澤,帶...
    沈念sama閱讀 35,477評論 5 345
  • 正文 年R本政府宣布跟伏,位于F島的核電站丢胚,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏受扳。R本人自食惡果不足惜携龟,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,088評論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望勘高。 院中可真熱鬧峡蟋,春花似錦、人聲如沸华望。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,716評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽赖舟。三九已至蓬戚,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間宾抓,已是汗流浹背子漩。 一陣腳步聲響...
    開封第一講書人閱讀 32,857評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留洞慎,地道東北人痛单。 一個(gè)月前我還...
    沈念sama閱讀 47,876評論 2 370
  • 正文 我出身青樓,卻偏偏與公主長得像劲腿,于是被迫代替她去往敵國和親旭绒。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,700評論 2 354

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

  • google搜索“iOS視頻變下邊播”焦人,有好幾篇博客寫到了實(shí)現(xiàn)方法挥吵,其實(shí)只有一篇,其他都是copy的花椭,不過他們都是...
    夜千尋墨閱讀 86,179評論 261 909
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,099評論 25 707
  • 夢見和@小青年包江浩 是高中同學(xué)忽匈,貌似是在國外。 有一天下體育課矿辽,小包跟我借校園卡丹允,說去買車?yán)遄庸帷N姨统隹ㄕf:“里...
    王爺不偏安閱讀 181評論 0 0
  • 天,足夠藍(lán)雕蔽, 云折柠,足夠白, 水批狐,足夠黃…… 這就是黃河之都扇售, 一座長在高原上的城市, 騷客叫她金城嚣艇, 本土人都叫她蘭州承冰!
    宗林的李閱讀 561評論 4 3
  • 上一章 她篤信一切人事的結(jié)局都是失去。站在告別的路口食零,她對雷亞說困乒,“概率在個(gè)體身上沒有意義,熟透的蘋果可能早已被蛀...
    澄域閱讀 201評論 3 3