看騰訊分享會h5直播知識記錄

2021-07-30 03:15:28 字數 1544 閱讀 6756

gop由i幀,b/p幀組成。

flsh

video

rtmp協議

hls協議

流程:webrtc

利用webscoket資料互動。

websocket協議是基於tcp的一種新的協議。

在 websocket api,瀏覽器和伺服器只需要做乙個握手的動作,然後,瀏覽器和伺服器之間就形成了一條快速通道。兩者之間就直接可以資料互相傳送。在此websocket 協議中,為我們實現即時服務帶來了兩大好處:

1. header

互相溝通的header是很小的-大概只有 2 bytes

2. server push

伺服器的推送,伺服器不再被動的接收到瀏覽器的request之後才返回資料,而是在有新資料時就主動推送給瀏覽器。

優化http請求:

http/2 特點:二進位制分幀,多路復用,頭部壓縮,服務端推送。

——————————————————————————————更新於2017.5.5————————————————————————————————————————

ajax的優勢

可搜尋性

普通的文字網頁會更有利於seo。文字內容是搜尋引擎容易檢索的,而繁瑣的swf位元組碼卻是搜尋引擎不願觸及的。雖然google等一些大型的搜尋引擎可以檢索swf內部的內容,但是仍然有很多麻煩存在。

開放性

flash常年以來被macromedia看的很死。包括flex、fms等輔佐技術一直都需要昂貴的安裝、維護費用。而js則沒有這樣的麻煩。沒有人願意承擔法律和版權的風險。

費用

flash開發是很昂貴的,因為flashide等環境都是要收費的.而ajax則不同.雖然有一些便宜的生成swf的工具,但是他們的工能實在無法滿足複雜需求。

易用性

ajax程式有更好的易用性。由於中間有一層flashplayer**層,因此許多輔助功能無法被flash靈活利用。而且flash在一些方面有著不好的口碑。比如彈出廣告、比如惡意**。

(awflasher.com個人認為這八成是亂上xx**造成的)

易於開發

人們開發複雜的ajax和flash應用程式時,都會借助一些高階的開發工具。普遍來說,ajax的開發包比flash簡便、容易。

flash的優勢

多**處理相容性

相容性好:由於通過了唯一的flashplayer「**」。人們不必像除錯js那樣,在不同的瀏覽器中除錯程式。

向量圖型

這是flash最大的優勢,同樣處在這一領域的svg、canvas element以及direct完全不能與flash相比。

客戶端資源排程

flash能夠更容易的呼叫瀏覽器以外的外部資源。比如攝像頭、麥克風等。然而這是普通的html無法完成的。但是這也許是乙個缺點

H5對接騰訊移動直播

頁面構建 在index.html引入初始化指令碼 頁面中放置容器 init url,islive wording code 提示語說明 1h5 提示的錯誤。23 h5 提示的錯誤。4h5 提示的錯誤。510 11 12 13直播已結束,請稍後再來。1001 網路已斷開 netconnection.c...

H5直播開發總結

關於直播,有很多相關技術文章,這裡不多說。作為前端,我們比較關心我們所需要的。直播的大致流程 但實際我們需要處理一些不可控的情況,這是非常麻煩的。比如說,直播方網路不好,直播方關閉了攝像頭,這些情況都會導致推流斷掉,在文章後面,我們詳細說這一塊。目前我們先考慮直播的三種狀態 直播前,直播中,結束。針...

h5 開發分享功能

方式一 js html h5plus 1.html 分享網頁 2.js var shares null var sweixin null var buttons h5 plus事件處理 function plusready if window.plus else 1.更新分享服務 根據授權,通過ge...