直播中的首屏加載優(yōu)化

本文轉(zhuǎn)自:直播中的首屏加載優(yōu)化 | www.samirchen.com

直播中的首屏加載時(shí)間指的是進(jìn)入直播間時(shí)從播放器加載到第一幀畫面渲染出來的時(shí)間仅胞,這個(gè)時(shí)間是直播體驗(yàn)中的一項(xiàng)重要的指標(biāo)亭罪。這篇文章就簡要介紹一下優(yōu)化直播首屏加載時(shí)間的一些經(jīng)驗(yàn)。

客戶端業(yè)務(wù)側(cè)優(yōu)化

說到優(yōu)化枷餐,首先要看客戶端上進(jìn)入直播間的業(yè)務(wù)場(chǎng)景是什么樣的瞧哟?一般而言玩裙,都是從一個(gè)直播列表頁面姊舵,點(diǎn)擊某一個(gè)直播卡片(Cell)即進(jìn)入直播間。這個(gè)過程中寞奸,數(shù)據(jù)流是怎么走的呢呛谜?最簡單的做法是,從直播列表頁點(diǎn)擊某個(gè)直播卡片到直播間后枪萄,從服務(wù)器請(qǐng)求直播流地址以及各種直播間信息(主播信息隐岛、聊天信息、點(diǎn)贊信息瓷翻、禮物信息等等)聚凹,拿到直播流地址后,交給播放器播放齐帚。

在這個(gè)過程中妒牙,我們可以看到播放器必須等到進(jìn)入直播間請(qǐng)求到直播流地址后才能開始播放,這個(gè)時(shí)間點(diǎn)其實(shí)是可以提前的:我們可以在直播列表頁就拿到每個(gè)直播間對(duì)應(yīng)的直播流地址对妄,在進(jìn)入直播間時(shí)直接傳過去湘今,這樣一進(jìn)入直播間播放器就可以拿著直播流地址開始播放了,省去了從服務(wù)器請(qǐng)求直播流地址的時(shí)間(雖然這個(gè)時(shí)間可能沒多少)剪菱。

甚至摩瞎,我們可以在直播列表頁當(dāng)滑到一個(gè)卡片就讓播放器拿著直播流地址預(yù)加載,進(jìn)入直播間時(shí)則直接展示畫面琅豆。

image

另外愉豺,客戶端業(yè)務(wù)側(cè)還可以在進(jìn)入直播間之前通過 HTTPDNS 來選擇網(wǎng)絡(luò)情況最好的 CDN 節(jié)點(diǎn),在進(jìn)入直播間時(shí)從最好的節(jié)點(diǎn)拉取直播流播放從而優(yōu)化網(wǎng)絡(luò)加載的時(shí)間茫因,加快首屏渲染。

流媒體服務(wù)器側(cè)優(yōu)化

除了客戶端業(yè)務(wù)側(cè)的優(yōu)化外杖剪,我們還可以從流媒體服務(wù)器側(cè)進(jìn)行優(yōu)化冻押。我們都知道直播流中的圖像幀分為:I 幀驰贷、P 幀、B 幀洛巢,其中只有 I 幀是能不依賴其他幀獨(dú)立完成解碼的括袒,這就意味著當(dāng)播放器接收到 I 幀它能馬上渲染出來,而接收到 P 幀稿茉、B 幀則需要等待依賴的幀而不能立即完成解碼和渲染锹锰,這個(gè)期間就是「黑屏」了。

所以漓库,在服務(wù)器端可以通過緩存 GOP(以 I 幀開頭的一組圖像幀序列)恃慧,保證播放端在接入直播時(shí)能先獲取到 I 幀馬上渲染出畫面來,從而優(yōu)化首屏加載的體驗(yàn)渺蒿。

image

直播播放器側(cè)優(yōu)化

當(dāng)我們做直播業(yè)務(wù)時(shí)痢士,播放端需要一個(gè)播放器來播放視頻流,當(dāng)一個(gè)播放器支持的視頻格式有很多種時(shí)茂装,問題就來了怠蹂。一個(gè)視頻流來了,播放器是不清楚這個(gè)視頻流是什么格式的少态,所以它需要去探測(cè)到一定量的視頻流信息城侧,去檢測(cè)它的格式并決定如何去處理它。這就意味著在播放視頻前有一個(gè)數(shù)據(jù)預(yù)讀過程和一個(gè)分析過程彼妻。但是對(duì)于我們的直播業(yè)務(wù)來說嫌佑,我們的提供的直播方案通常是固定的,這就意味著視頻流的格式通常是固定的澳骤,所以一些數(shù)據(jù)預(yù)讀和分析過程是不必要的歧强。在直播流協(xié)議格式固定的情況下,只需要讀取固定的信息即可開始播放为肮。這樣就縮短了數(shù)據(jù)預(yù)讀和分析的時(shí)間摊册,使得播放器能夠更快地渲染出首屏畫面。

image
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末颊艳,一起剝皮案震驚了整個(gè)濱河市茅特,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌棋枕,老刑警劉巖白修,帶你破解...
    沈念sama閱讀 217,406評(píng)論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異重斑,居然都是意外死亡兵睛,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,732評(píng)論 3 393
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來祖很,“玉大人笛丙,你說我怎么就攤上這事〖倨模” “怎么了胚鸯?”我有些...
    開封第一講書人閱讀 163,711評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長笨鸡。 經(jīng)常有香客問我姜钳,道長,這世上最難降的妖魔是什么形耗? 我笑而不...
    開封第一講書人閱讀 58,380評(píng)論 1 293
  • 正文 為了忘掉前任哥桥,我火速辦了婚禮,結(jié)果婚禮上趟脂,老公的妹妹穿的比我還像新娘泰讽。我一直安慰自己,他們只是感情好昔期,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,432評(píng)論 6 392
  • 文/花漫 我一把揭開白布已卸。 她就那樣靜靜地躺著,像睡著了一般硼一。 火紅的嫁衣襯著肌膚如雪累澡。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,301評(píng)論 1 301
  • 那天般贼,我揣著相機(jī)與錄音愧哟,去河邊找鬼。 笑死哼蛆,一個(gè)胖子當(dāng)著我的面吹牛蕊梧,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播腮介,決...
    沈念sama閱讀 40,145評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼肥矢,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了叠洗?” 一聲冷哼從身側(cè)響起甘改,我...
    開封第一講書人閱讀 39,008評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎灭抑,沒想到半個(gè)月后十艾,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,443評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡腾节,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,649評(píng)論 3 334
  • 正文 我和宋清朗相戀三年忘嫉,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了荤牍。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,795評(píng)論 1 347
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡榄融,死狀恐怖参淫,靈堂內(nèi)的尸體忽然破棺而出救湖,到底是詐尸還是另有隱情愧杯,我是刑警寧澤,帶...
    沈念sama閱讀 35,501評(píng)論 5 345
  • 正文 年R本政府宣布鞋既,位于F島的核電站力九,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏邑闺。R本人自食惡果不足惜跌前,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,119評(píng)論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望陡舅。 院中可真熱鬧抵乓,春花似錦、人聲如沸靶衍。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,731評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽颅眶。三九已至蜈出,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間涛酗,已是汗流浹背铡原。 一陣腳步聲響...
    開封第一講書人閱讀 32,865評(píng)論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留商叹,地道東北人燕刻。 一個(gè)月前我還...
    沈念sama閱讀 47,899評(píng)論 2 370
  • 正文 我出身青樓,卻偏偏與公主長得像剖笙,于是被迫代替她去往敵國和親卵洗。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,724評(píng)論 2 354

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

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,110評(píng)論 25 707
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫枯途、插件忌怎、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,102評(píng)論 4 62
  • 我站在流血堅(jiān)持與繳械投降的關(guān)卡 我將要淌盡最后一滴有溫度的血液 我看到壕溝以上急促的敵方炮火 我眼前昏黑一片 我的...
    奶牙閱讀 153評(píng)論 0 2
  • # -*- coding: utf-8 -*- import pandas as pd from pandas i...
    小豆角lch閱讀 230評(píng)論 0 0
  • 目的:在windows環(huán)境下,編譯開源庫openssl環(huán)境:windows 10 ,Mingw及自帶msys工具酪夷,...
    粗識(shí)名姓閱讀 2,489評(píng)論 0 0