『壹』 px2rem 移動端自適應方案
開發 WebApp 時,我們通常只會從設計師那邊拿到一個尺寸的項目設計圖,比如是按照 iphone 6 為基礎設計的,因此前端需要讓這一套設計稿能夠通用在不同的設備型號中,本文介紹的方式是採用 hotcss.js 插件。
在 vue-loader 中使用 px2rem 插件,首先安裝 px2rem-loader :
根據設計稿所採用的手機型號(如iPhone 6 或 iPhone X),那麼寬度則為 640px 或 750px ,因此先在 chrome 調試工具中獲取移動端的 <html> 根悶瞎者元素的 font-size 的值,然後在配螞薯置 vue-loader 時將其設為 remUnit 參數的值:
這樣就可以根據設計稿尺寸,在開發時寫 CSS 像素的絕對值 ,即 px 單位, px2rem 會自動將尺寸轉換神侍成相應的 rem 單位,結合不同終端生成的不同 html 根元素的字體大小,從而實現一套設計稿在不同設備完美兼容的效果。
我將之前做的一個項目目錄結構和 Webpack 配置文件提取出來,生成一個簡易的 WebApp 腳手架,用於實現本文所述的自適應方案。
Github項目地址: 基於Vue的WebApp項目構建模板
『貳』 web前端自適應問題!
一般情況下你在meta里沒有任何viewport設置的話,布局是不會跟著窗口大小而變化的。
但是如果你在css里有 @media screen and (min-width:xxpx){}這樣的語法的話,布局是跟著窗口大小而變化的。
『叄』 如何開發一個app,使他自適應各種分辯率
流媒體技術基礎-流媒體傳輸協議
作者/來源:未知
實時傳輸協議RTP與RTCP
RTP(Real-timeTransportProtocol)是用於Internet上針對多媒體數據流的一種傳輸協議。RTP被定義為在一對一或一對多的傳輸情況下工作,其目的是提供時間信息和實現流同步。RTP通常使用UDP來傳送數據,但RTP也可以在TCP或ATM等其他協議之上工作。當應用程序開始一個RTP會話時將使用兩個埠:一個給RTP,一個給RTCP。RTP本身並不能為按順序傳送數據包提供可靠的傳送機制,也不提供流量控制或擁塞控制,它依靠RTCP提供這些服務。通常RTP演算法並不作為一個獨立的網路層來實現,而是作為應用程序代碼的一部分。實時傳輸控制協議RTCP。RTCP(Real-timeTransportControlProtocol)和RTP一起提供流量控制和擁塞控制服務。在RTP會話期間,各參與者周期性地傳送RTCP包。RTCP包中含有已發送的數據包的數量、丟失的數據包的數量等統計資料,因此,伺服器可以利用這些信息動態地改變傳輸速率,甚至改變有效載荷類型。RTP和RTCP配合使用,它們能以有效的反饋和最小的開銷使傳輸效率最佳化,因而特別適合傳送網上的實時數據。
6.2.1 RTP數據傳輸協議
RTP提供端對端網路傳輸功能,適合通過組播和點播傳送實時數據,如視頻、音頻和模擬數據。RTP沒有涉及資源預訂和質量保證等實時服務,RTCP擴充數據傳輸以允許監控數據傳送,提供最小的控制和識別功能。RTP與RTCP設計成獨立傳輸和網路層。
2.1.1 RTP固定頭
RTP 頭格式如下:
-----------------------------------------------------------------------------------------------
|V=2|P|X| CC |M| PT | 系列號 |
-----------------------------------------------------------------------------------------------
| 時標 |
-----------------------------------------------------------------------------------------------
| 同步源標識(SSRC) |
-----------------------------------------------------------------------------------------------
| 作用標識 (CSRC) |
| .... |
-----------------------------------------------------------------------------------------------
開始12個八進制出現在每個RTP包中,而CSRC標識列表僅出現在混合器插入時。
2.1.2 復用 RTP 連接
為使協議有效運行,復用點數目應減至最小。RTP中,復用由定義RTP連接的目的傳輸地址(網路地址與埠號)提供。例如,對音頻和視頻單獨編碼的遠程會議,每個媒介被攜帶在單獨RTP連接中,具有各自的目的傳輸地址。目標不在將音頻和視頻放在單一RTP連接中,而根據SSRC段載荷類型進行多路分解。使用同一SSRC ,而具有不同載荷類型的交叉包將帶來幾個問題:
如一種載荷類型在連接期間切換,沒有辦法識別新值將替換那一個舊值。
SSRC定義成用於標識單個計時和系列號空間。如媒體時鍾速率不同,而要求不同系列號空間以說明那種載荷類型有丟包,交叉復用載荷類型將需要不同計時空間。
RTCP發送和接收報告可能僅描述每個SSRC的計時和系列號空間,而不攜帶載荷類型段。
RTP混合器不能將不兼容媒體流合並成一個流。
在一個RTP連接中攜帶多個媒介阻止幾件事:使用不同網路路徑或網路資源分配;接受媒介子集。
對每種媒介使用不同SSRC,但以相同RTP連接發送可避免前三個問題,但不能避免後兩個問題。
2.1.3 對RTP頭特定設置的修改
可以認為,現用RTP數據包頭對RTP支持的所有應用類共同需要的功能集是完整的。然而,為維持ALF設計原則,頭可通過改變或增加設置來裁剪,並仍允許設置無關監控和記錄工具起作用。標記位與載荷類型段攜帶特定設置信息,但由於很多應用需要它們,否則要容納它們,就要增加另外32位字,故允許分配在固定頭中。包含這些段的八進制可通過設置重新定義以適應不同要求,如採用更多或更少標記位。如有標記位,既然設置無關監控器能觀察包丟失模式和標記位間關系,我們就可以定位八進制中最重要的位。
其它特殊載荷格式(視頻編碼)所要求的信息應該攜帶在包的載荷部分。可出現在頭,總是在載荷部分開始處,或在數據模式的保留值中指出。如特殊應用類需要獨立載荷格式的附加功能,應用運行的設置應該定義附加固定段跟隨在現存固定頭SSRC之後。這些應用將能迅速而直接訪問附加段,同時,與監控器和記錄器無關設置仍能通過僅解釋開始12個八進制處理RTP包。如證實附加功能是所有設置共同需要的,新版本RTP應該對固定頭作出明確改變
6.2.2 RTP控制協議-- RTCP
RTCP協議將控制包周期發送給所有連接者,應用與數據包相同的分布機制。低層協議提供數據與控制包的復用,如使用單獨的UDP埠號。RTCP執行下列四大功能:
主要是提供數據發布的質量反饋。是作為RTP傳輸協議的一部分,與其他傳輸協議的流和阻塞控制有關。反饋對自適應編碼控制直接起作用,但IP組播經驗表明,從發送者收到反饋對診斷發送錯誤是致關重要的。給所有參加者發送接收反饋報告允許問題觀察者估計那些問題是局部的,還是全局的。諸如IP組播等發布機制使網路服務提供商類團體可能接收反饋信息,充當第三方監控者來診斷網路問題。反饋功能由RTCP發送者和接收者報告執行。
RTCP帶有稱作規范名字(CNAME)的RTP源持久傳輸層標識。如發現沖突,或程序重新啟動,既然SSRC標識可改變,接收者需要CNAME跟蹤參加者。接收者也需要CNAME 與相關RTP連接中給定的幾個數據流聯系
前兩種功能要求所有參加者發送RTCP包,因此,為了RTP擴展到大規模數量,速率必須受到控制。讓每個參加者給其它參加者發送控制包,就大獨立觀察參加者數量。該數量用語計算包發送的速率。
第四個可選功能是傳送最小連接控制信息,如參加者辨識。最可能用在\"鬆散控制\"連接,那裡參加者自由進入或離開,沒有成員控制或參數協調,RTCP充當通往所有參加者的方便通道,但不必支持應用的所有控制通訊要求。高級連接控制協議超出本書范圍。
在IP組播場合應用RTP時,前3個功能是必須的,推薦用於所有情形。RTP應用設計人員必須避免使用僅在單播模式下工作的機制,那將導致無法擴展規模。
6.2.2.1 RTCP 包格式
下面定義幾個攜帶不同控制信息的RTCP包類型:
SR:
發送報告,當前活動發送者發送、接收統計。
RR:
接收報告,非活動發送者接收統計。
SDES:
源描述項,包括CNAME。
BYE:
表示結束。
APP:
應用特定函數。
類似於RTP數據包,每個RTCP包以固定部分開始,緊接著的是可變長結構元素,但以一個32位邊界結束。包含安排要求和固定部分中長度段,使RTCP包可堆疊。不需要插入任何分隔符將多哥RTCP包連接起來形成一個RTCP組合包,以低層協議用單一包發送出去。由於需要低層協議提供提供整體長度來決定組合包的結尾,在組合包中沒有單個RTCP包顯式計數。
組合包中每個RTCP包可獨立處理,不需要根據包組合順序。但未了執行協議功能,強加如下約束:
接收統計(在SR或RR中)應該經常發送,只要帶寬允許,因此每個周期發送的組合RTCP 包應包含報告包。
新接收者需要接收CNAME,並盡快識別源,開始聯系媒介進行同步,因此每個包應該包含SDES CNAME。
出現在組合包前面的是包類型數量,其增長應該受到限制,以提高常數位數量,提高成功確認RTCP包對錯誤地址RTP數據包或其他無關包的概率。
因此,所有RTCP包至少必須以兩個包組合形式發送,推薦格式如下:
加密前綴(Encryption prefix):
僅當組合包被加密,才加上一個32位隨機數用於每個組合包發送。
SR或RR:
組合包中第一個RTCP包必須總為一個報告包,方便頭的確認。即使沒有數據發送,也沒有接收到數據,也要發送一個空RR,那怕組合包中RTCP包為BYE。
附加RR:
如報告統計源數目超過31,在初始報告包後應該有附加RR 包。
SDES:
包含CNAME 項的SDES包必須包含在每個組合RTCP包中。如應用要求,其他源描述項可選,但受到帶寬限制。
BYE或APP:
其它RTCP包類型可以任意順序排列,除了BYE應作為最後一個包發送,包類型出現可不止一次。
建議轉換器或混合器從多個源組合單個RTCP包。如組合包整體長度超過網路路徑最大傳輸單元,可分成多個較短組合包用低層協議以單個包形式發送。注意,每個組合包必須以SR或RR包開始。附加RTCP包類型可在Internet Assigned Numbers Authority (IANA)處注冊。
6.2.2.2 RTCP傳輸間隔
RTP設計成允許應用自動擴展,連接數可從幾個到上千個。例如,音頻會議中,數據流量是內在限制的,因為同一時刻只有一兩個人說話;對組播,給定連接數據率仍是常數,獨立於連接數,但控制流量不是內在限制的。如每個參加者以固定速率發送接收報告,控制流量將隨參加者數量線性增長,因此,速率必須按比例下降。
一旦確認地址有效,如後來標記成未活動,地址的狀態應仍保留,地址應繼續計入共享RTCP帶寬地址的總數中,時間要保證能掃描典型網路分區,建議為30分鍾。注意,這仍大於RTCP報告間隔最大值的五倍。
這個規范定義了除必需的CNAME外的幾個源描述項,如NAME(人名)和EMAIL(電子郵件地址)。它也為定義新特定應用RTCP包類型的途徑。給附加信息分配控制帶寬應引起注意,因為它將降低接收報告和CNAME發送的速率而損害協議的性能。建議分配給單個參加者用於攜帶附加信息的RTCP帶寬不要超過20%。而且並沒有有意讓所有SDES項包含在每個應用中。
6.2.2.3 發送者與接收者報告
RTP接收者使用RTCP報告包提供接收質量反饋,報告包根據接收者是否是發送者而採用兩種格式中的一種。除包類型代碼外,發送者報告與接收者報告間唯一的差別是發送者報告包含一個20個位元組發送者信息段。如某地址在發出最後或前一個報告間隔期間發送數據包,就發布SR;否則,就發出RR;SR和RR都可沒有或包括多個接收報告塊。發布報告不是為列在CSRC列表上的起作用的源,每個接收報告塊提供從特殊源接收數據的統計。既然最大可有31個接收報告塊嵌入在SR 或 RR包中,
丟失包累計數差別給出間隔期間丟掉的數量,而所收到擴展的最後一個系列號的差別給出間隔期間希望發送的包數量,兩者之比等於經過間隔期間包丟失百分比。如兩報告連續,比值應該等於丟失段部分;否則,就不等。每秒包丟失綠可通過NTP時標差除以丟失部分得到。
從發送者信息,第三方監控器可計算載荷平均數據速率與沒收到數據間隔的平均包速率,兩者比值給出平均載荷大小。如假設包丟失與包大小無關,那麼特殊接收者收到的包數量給出此接收者收到的表觀流量。
6.2.2.4 SDES: 源描述RTCP包
SDES 包為三層結構,由頭與數據塊組成,數據塊可以沒有,也可有多個,組成項描述塊所表明的源。項描述如下:
版本(V)、填充(P)、長度:
如SR包中所描述。
包類型(PT):
8位,包含常數202,識別RTCP SDES包。
源計數(SC):
5位,包含在SDES包中的SSRC/CSRC塊數量,零值有效,但沒有意義。
源描述項內容如下:
CNAME: 規范終端標識SDES項
CNAME標識屬性如下:
如發生沖突或重啟程序,由於隨機分配的SSRC標識可能發生變化,需要CNAME項提供從SSRC標識到仍為常量的源標識的綁定。
象SSRC標識,CNAME標識在RTP連接的所有參加者中應是唯一的。
為了提供一套相關RTP連接中某個參加者所採用的跨多媒體工具間的綁定,CNAME應固定為那個參加者。
為方便第三方監控,CNAME應適合程序或人員定位源。
NAME:用戶名稱SDES項
這是用於描述源的真正的名稱,如\"John Doe, Bit Recycler, Megacorp\",可是用戶想要的任意形式。對諸如會議應用,這種名稱也許是參加者列表顯示最適宜的形式,它將是除CNAME外發送最頻繁的項目。設置可建立這樣的優先順序別。NAME值至少在連接期間仍希望保持為常數。它不該成為連接的所有參加者中唯一依賴。
EMAIL:電子郵件地址SDES項
郵件地址格式由RFC822規定,如\"[email protected]\"。連接期間,電子郵件仍希望保持為常數。
PHONE:電話號碼SDES項
電話號碼應帶有加號,代替國際接入代碼,如\"+1 908 555 1212\"即為美國電話號碼。
LOC:用戶地理位置SDES項
根據應用,此項具有不同程度的細節。對會議應用,字元串如\"Murray Hill, New Jersey\"就足夠了。然而,對活動標記系統,字元串如\"Room 2A244, AT&T BL MH\"也許就適用。細節留給實施或用戶,但格式和內容可用設置指示。在連接期間,除移動主機外,LOC值期望仍保留為常數。
TOOL:應用或工具名稱SDES項
是一個字元串,表示產生流的應用的名稱與版本,如\"videotool 1.2\"。這部分信息對調試很有用,類似於郵件或郵件系統版本SMTP頭。TOOL值在連接期間仍保持常數。
NOTE: 通知/狀態SDES項
該項的推薦語法如下所述,但這些或其它語法可在設置中顯式定義。NOTE 項旨在描述源當前狀態的過渡信息,如\"on the phone, can´t talk\",或在講座期間用於傳送談話的題目。它應該只用於攜帶例外信息,而不應包含在全部參加者中,因為這將降低接收報告和CNAME發送的速度,因此損害協議的性能。特殊情況下,它不應作為用戶設置文件的項目,也不是自動產生。
當其為活動時,由於NOTE項對顯示很重要,其它非CNAME項(如NAME)傳輸速率將會降低,結果使NOTE項佔用RTCP部分帶寬。若過渡信息不活躍,NOTE項繼續以同樣的速度重復發送幾次,但以一個串長為零的字元串通知接收者。然而,如對小倍數的重復或約20-30 RTCP間隔也沒有接收到,接收者也應該考慮NOTE項是不活躍的。
PRIV: 專用擴展SDES項
該項用於定義實驗或應用特定的SDES擴展,它包括由長字元串對組成的前綴,後跟填充該項其他部分和攜帶所需信息的字元串值。前綴長度段為8位。前綴字元串是定義PRIV項人員選擇的名稱,唯一對應應用接收到的其它PRIV項。應用實現者可選擇使用應用名稱,如有必要,外加附加子類型標識。另外,推薦其它人根據其代表的實體選擇名稱,然後,在實體內部協調名稱的使用。
注意,前綴消耗了總長為255個八進制項的一些空間,因此,前綴應盡可能的短。這個設備和受到約束的RTCP帶寬不應過載,其目的不在於滿足所有應用的全部控制通訊要求。SDES PRIV前綴沒在IANA處注冊。如證實某些形式的PRIV項具有通用性, IANA應給它分配一個正式的SDES項類型,這樣就不再需要前綴。這簡化了應用,並提高了傳輸的效率。
6.2.2.5 BYE:斷開RTCP包
如混合器接收到一個BYE包,混合器轉發BYE包,而不改變SSRC/CSRC 標識。如混合器關閉,它也應該發出一個BYE包,列出它所處理的所有源,而不只是自己的SSRC標識。作為可選項,BYE包可包括一個8位八進制計數,後跟很多八進制文本,表示離開原因,如:\"camera malfunction\"或\"RTP loop detected\"。字元串具有同樣的編碼,如在SDES 中所描述的。如字元串填充包至下32位邊界,字元串就不以空結尾;否則,BYE包以空八進制填充。
6.2.2.6 APP:定義應用的RTCP包
APP包用於開發新應用和新特徵的實驗,不要求注冊包類型值。帶有不可識別名稱的APP包應被忽略掉。測試後,如確定應用廣泛,推薦重新定義每個APP包,而不用向IANA注冊子類型和名稱段。
實時流協議RTSP
實時流協議RTSP(RealTimeStreamingProtocol)是由RealNetworks和Netscape共同提出的,該協議定義了一對多應用程序如何有效地通過IP網路傳送多媒體數據。RTSP在體系結構上位於RTP和RTCP之上,它使用TCP或RTP完成數據傳輸。HTTP與RTSP相比,HTTP傳送HTML,而RTP傳送的是多媒體數據。HTTP請求由客戶機發出,伺服器作出響應;使用RTSP時,客戶機和伺服器都可以發出請求,即RTSP可以是雙向的。
6.3 RTSP協議
實時流協議(RTSP)是應用級協議,控制實時數據的發送。RTSP提供了一個可擴展框架,使實時數據,如音頻與視頻,的受控、點播成為可能。數據源包括現場數據與存儲在剪輯中數據。該協議目的在於控制多個數據發送連接,為選擇發送通道,如UDP、組播UDP與TCP,提供途徑,並為選擇基於RTP上發送機制提供方法。
6.3.1 簡介
6.3.1.1 目的
實時流協議(RTSP)建立並控制一個或幾個時間同步的連續流媒體。盡管連續媒體流與控制流交叉是可能的,通常它本身並不發送連續流。換言之,RTSP充當多媒體伺服器的網路遠程式控制制。RTSP連接沒有綁定到傳輸層連接,如TCP。在RTSP連接期間,RTSP用戶可打開或關閉多個對伺服器的可靠傳輸連接以發出RTSP 請求。此外,可使用無連接傳輸協議,如UDP。RTSP流控制的流可能用到RTP,但RTSP操作並不依賴用於攜帶連續媒體的傳輸機制。實時流協議在語法和操作上與HTTP/1.1類似,因此HTTP的擴展機制大都可加入RTSP。協議支持的操作如下:
從媒體伺服器上檢索媒體:
用戶可通過HTTP或其它方法提交一個演示描述。如演示是組播,演示式就包含用於連續媒體的的組播地址和埠。如演示僅通過單播發送給用戶,用戶為了安全應提供目的地址。
媒體伺服器邀請進入會議:
媒體伺服器可被邀請參加正進行的會議,或回放媒體,或記錄其中一部分,或全部。這種模式在分布式教育應用上很有用,會議中幾方可輪流按遠程式控制制按鈕。
將媒體加到現成講座中:
如伺服器告訴用戶可獲得附加媒體內容,對現場講座顯得尤其有用。如HTTP/1.1中類似,RTSP請求可由代理、通道與緩存處理。
6.3.1.2 協議特點
RTSP 特性如下:
可擴展性:
新方法和參數很容易加入RTSP。
易解析:
RTSP可由標准 HTTP或MIME解吸器解析。
安全:
RTSP使用網頁安全機制。
獨立於傳輸:
RTSP可使用不可靠數據報協議(UDP)、可靠數據報協議(RDP),如要實現應用級可靠,可使用可靠流協議。
多伺服器支持:
每個流可放在不同伺服器上,用戶端自動同不同伺服器建立幾個並發控制連接,媒體同步在傳輸層執行。
記錄設備控制:
協議可控制記錄和回放設備。
流控與會議開始分離:
僅要求會議初始化協議提供,或可用來創建唯一會議標識號。特殊情況下, SIP或H.323
可用來邀請伺服器入會。
適合專業應用:
通過SMPTE 時標,RTSP支持幀級精度,允許遠程數字編輯
演示描述中立:
協議沒強加特殊演示或元文件,可傳送所用格式類型;然而,演示描述至少必須包含一個RTSP URI。
代理與防火牆友好:
協議可由應用和傳輸層防火牆處理。防火牆需要理解SETUP方法,為UDP媒體流打開一個\"缺口\"。
HTTP友好:
此處,RTSP明智的採用HTTP觀念,使現在結構都可重用。結構包括Internet 內容選擇平台(PICS)。由於在大多數情況下控制連續媒體需要伺服器狀態, RTSP不僅僅向HTTP 添加方法。
適當的伺服器控制:
如用戶啟動一個流,他必須也可以停止一個流。
傳輸協調;
實際處理連續媒體流前,用戶 可協調傳輸方法。
性能協調:
如基本特徵無效,必須有一些清理機制讓用戶決定那種方法沒生效。這允許用戶提出適合的用戶界面。
6.3.1.3擴展RTSP
由於不是所有媒體伺服器有著相同的功能,媒體伺服器有必要支持不同請求集。RTSP 可以如下三種方式擴展,這里以改變大小排序:
以新參數擴展。如用戶需要拒絕通知,而方法擴展不支持,相應標記就加入要求的段中。
加入新方法。如信息接收者不理解請求,返回501錯誤代碼(還未實現),發送者不應再次嘗試這種方法。用戶可使用OPTIONS方法查詢伺服器支持的方法。伺服器使用公共響應頭列出支持的方法。
定義新版本協議,允許改變所有部分。(除了協議版本號位置)
6.3.1.4操作模式
每個演示和媒體流可用RTSP URL識別。演示組成的整個演示與媒體屬性由演示描述文件定義。使用HTTP或其它途徑用戶可獲得這個文件,它沒有必要保存在媒體伺服器上。
為了說明,假設演示描述描述了多個演示,其中每個演示維持了一個公共時間軸。為簡化說明,且不失一般性,假定演示描述的確包含這樣一個演示。演示可包含多個媒體流。除媒體參數外,網路目標地址和埠也需要決定。下面區分幾種操作模式:
單播:
以用戶選擇的埠號將媒體發送到RTSP請求源。
組播,伺服器選擇地址:
媒體伺服器選擇組播地址和埠,這是現場直播或准點播常用的方式。
組播,用戶選擇地址:
如伺服器加入正在進行的組播會議,組播地址、埠和密匙由會議描述給出。
6.3.1.5 RTSP狀態
RTSP控制通過單獨協議發送的流,與控制通道無關。例如,RTSP控制可通過TCP連接,而數據流通過UDP。因此,即使媒體伺服器沒有收到請求,數據也會繼續發送。在連接生命期,單個媒體流可通過不同TCP連接順序發出請求來控制。所以,伺服器需要維持能聯系流與RTSP請求的連接狀態。RTSP中很多方法與狀態無關,但下列方法在定義伺服器流資源的分配與應用上起著重要的作用:
SETUP:
讓伺服器給流分配資源,啟動RTSP連接。
PLAY與RECORD:
啟動SETUP 分配流的數據傳輸。
PAUSE:
臨時停止流,而不釋放伺服器資源。
TEARDOWN:
釋放流的資源,RTSP連接停止。
標識狀態的RTSP方法使用連接頭段識別RTSP連接,為響應SETUP請求,伺服器連
接產生連接標識。
6.3.1.6 與其他協議關系
RTSP在功能上與HTTP有重疊,與HTTP相互作用體現在與流內容的初始接觸是通過網頁的。目前的協議規范目的在於允許在網頁伺服器與實現RTSP媒體伺服器之間存在不同傳遞點。例如,演示描述可通過HTTP和RTSP檢索,這降低了瀏覽器的往返傳遞,也允許獨立RTSP 伺服器與用戶不全依靠HTTP。
但是,RTSP與HTTP 的本質差別在於數據發送以不同協議進行。HTTP是不對稱協議,用戶發出請求,伺服器作出響應。RTSP中,媒體用戶和伺服器都可發出請求,且其請求都是無狀態的;在請求確認後很長時間內,仍可設置參數,控制媒體流。重用HTTP功能至少在兩個方面有好處,即安全和代理。要求非常接近,在緩存、代理和授權上採用HTTP功能是有價值的。
當大多數實時媒體使用RTP作為傳輸協議時,RTSP沒有綁定到RTP。RTSP假設存在演示描述格式可表示包含幾個媒體流的演示的靜態與臨時屬性。
6.3.2 協議參數
6.3.3 RTSP 信息
RTSP是基於文本的協議,採用ISO 10646 字元集,使用UTF-8編碼方案。行以CRLF中斷,但接收者本身可將CR和LF解釋成行終止符。基於文本的協議使以自描述方式增加可選參數更容易。由於參數的數量和命令的頻率出現較低,處理效率沒引起注意。如仔細研究,文本協議很容易以腳本語言(如:Tcl、Visual Basic與Perl)實現研究原型。
10646字元集避免敏感字元集切換,但對應用來說不可見。RTCP也採用這種編碼方案。帶有重要意義位的ISO 8859-1字元表示如100001x 10xxxxxx.。RTSP信息可通過任何低層傳輸協議攜帶。
請求包括方法、方法作用於其上的對象和進一步描述方法的參數。方法也可設計為在伺服器端只需要少量或不需要狀態維護。當信息體包含在信息中,信息體長度有如下因素決定:
不管實體頭段是否出現在信息中,不包括信息體的的響應信息總以頭段後第一和空行結束。
如出現內容長度頭段,其值以位元組計,表示信息體長度。如未出現頭段,其值為零。
伺服器關閉連接。
注意:RTSP目前並不支持HTTP/1.1\"塊\"傳輸編碼,需要有內容長度頭。假如返回適度演示描述長度,即使動態產生,使塊傳輸編碼沒有必要,伺服器也應該能決定其長度。如有實體,即使必須有內容長度,且長度沒顯式給出,規則可確保行為合理。
從用戶到伺服器端的請求信息在第一行內包括源採用的方法、源標識和所用協議版本。RTSP定義了附加狀態代碼,而沒有定義任何HTTP代碼。
6.3.4 實體
如不受請求方法或響應狀態編碼限制,請求和響應信息可傳輸實體,實體由實體頭文件和試題體組成,有些響應僅包括實體頭。在此,根據誰發送實體、誰接收實體,發送者和接收者可分別指用戶和伺服器。
實體頭定義實體體可選元信息,如沒有實體體,指請求標識的資源。擴展頭機制允許定義附加實體頭段,而不用改變協議,但這些段不能假定接收者能識別。不可識別頭段應被接收者忽略,而讓代理轉發。
6.3.5 連接
RTSP請求可以幾種不同方式傳送:
1、持久傳輸連接,用於多個請求/響應傳輸。
2、每個請求/響應傳輸一個連接。
3、無連接模式。
傳輸連接類型由RTSP URI來定義。對 \"rtsp\" 方案,需要持續連接;而\"rtspu\"方案,調用RTSP 請求發送,而不用建立連接。
不象HTTP,RTSP允許媒體伺服器給媒體用戶發送請求。然而,這僅在持久連接時才支持,否則媒體伺服器沒有可靠途徑到達用戶,這也是請求通過防火牆從媒體伺服器傳到用戶的唯一途徑。
6.3.6 方法定義
方法記號表示資源上執行的方法,它區分大小寫。新方法可在將來定義,但不能以$開頭。
某些防火牆設計與其
『肆』 前端一套代碼實現多端適配 有哪些方案
Taro 是京東開源的一套遵循 React 語法規范的多端開發解決方案。通過它,我們只需要書寫一次代碼,就可以編譯出在不同端(微信 / 網路 / 支付寶小程序、H5、React-Native 等)都能運行的代碼。如果你接觸過 React-Native,那麼上手 Taro 將會非常方便。
『伍』 如何把web前端網頁做成自適應
1.首先,在網頁代碼的頭部,加入一行viewport元標簽。
viewport是網頁默認的寬度和高度,上面這行代碼的意思是,網頁寬度默認等於屏幕寬度(width=device-width),原始縮放比例(initial-scale=1)為1.0,即網頁初始大小占屏幕面積的100%。
所有主流瀏覽器都支持這個設置,包括IE9,對於那些老式瀏覽器(主要是IE6、7、8),需要使用css3-mediaqueries.js。
2、不使用絕對寬度由於網頁會根據屏幕寬度調整布局,所以不能使用絕對寬度的布局,也不能使用具有絕對寬度的元素。這一條非常重要。具體說,CSS代碼不能指定像素寬度:width:xxx px;
只能指定百分比寬度:width: xx%;或者width:auto;
3、相對大小的字體
字體也不能使用絕對大小(px),而只能使用相對大小(em)。
body {
font: normal 100% Helvetica, Arial, sans-serif;
}
上面的代碼指定,字體大小是頁面默認大小的100%,即16像素。
h1 {
font-size: 1.5em;
}
然後,h1的大小是默認大小的1.5倍,即24像素(24/16=1.5)。
small {
font-size: 0.875em;
}
small元素的大小是默認大小的0.875倍,即14像素(14/16=0.875)。
『陸』 前端大屏項目自適應(個人筆記)
仔細觀察 網易有數 , 網路suger ,他們都採用了css3的縮放transform: scale(X)屬性,看到這是不是有種豁然開朗的感覺。
於是我們只要監聽瀏覽器的窗口大小,然後控制變化的比例就好了。
以React的寫法為例
監聽window的resize事件最好加個節流函數debounce
然後一個簡單的組件就封裝好了
樣式文件index.less
只要把頁面放在這個組件中,就能實現跟大廠們類似的效果。這種方式下不管屏幕有多大,解析度有多高,只要屏幕的比例跟你定的比例一致,都能呈現出完美效果。而且開發過程中,樣式的單位也可以直接用px,省去了轉換的煩惱~~~
最後附上npm鏈接: https://www.npmjs.com/package/react-scale-box
『柒』 如何設計製作自適應網頁
用前端框架bootstrap,簡單易學,而且就是自適應的。省了你很旁野大的功夫,用了之後就離不開燃亮啦,手機和PC網頁同一個頁面,不需要再重寫頁面或者寫JS來判斷了。
如果你不用前端框架,那就用JS來判斷屏幕大小,套用相對應皮啟寬的CSS
『捌』 前端CSS/JQUERY 自己做的下拉框如何實現自適應上拉還是下拉 就是下拉空間不足的時候點擊會變成上拉
默認好像就自適應的,如果不要自適應好像需要絕對定位