主頁 > 前端設計 > HEVC中低復雜度量化技術

HEVC中低復雜度量化技術

2020-10-11 06:00:10 前端設計

本文提出了一種HEVC中的低復雜度量化技術,并希望對新一代視頻編碼標準VVC有一定的啟發,

文章目錄

  • 摘要
  • 一、引言
  • 二、HEVC中采用的量化技術
  • 三、FAST RDOQ
    • 1.STATISTICS-BASED FAST RDOQ
    • 2.RATE DISTORTION MODELS FOR FAST RDOQ
  • 四、全零塊檢測
  • 五、率失真性能和編碼復雜度
  • 六、討論
  • 總結


摘要

在HEVC中,率失真優化量化(RDOQ)在rate和distortion之間有著很好的折衷,這使得它在率失真性能方面有著很不錯的發展前景,但是,RDOQ在如今視頻編碼下的大量使用導致的結果就是大幅提升了復雜度,因此,基于這一點,本文對HEVC中的fast RDOQ和全零塊檢測進行了回顧,希望將來可以將兩者應用于VVC,從而減少其編碼復雜度,實作低復雜度量化,


提示:本文從以下幾個方面對低復雜度量化進行了全面剖析,主要從fast RDOQ和全零塊檢測兩個方面,

一、引言

??相比于H.264,HEVC標準采用了更加有效的編碼工具,具體來說,HEVC采用靈活的塊樹結構來更好地適應視頻的區域特征,比如編碼單元、預測單元和變換單元,而且,HEVC的幀內預測模式從9種擴展到35種,來更好解釋復雜的紋理方向;同時采用一系列先進的幀間預測技術來消除時間冗余,量化方面,硬決策量化(hard-decision quantization)慢慢演變成軟決策量化(soft-decision quantization),而且把率失真優化(RDO)準則加入到量化部分,由此對于各個系數可以得到更優的量化level,除此之外,還用CABAC來消除統計冗余,

??在量化方案中,由僅依賴輸入變換系數和量化步長的硬決策量化演變成基于RDO優化量化準則的軟決策量化,

??其中,在早期廣泛使用的硬決策量化中,給定一個量化引數(QP),將變換系數映射到相應的量化level,在H.264中采用了帶dead-zone的硬決策量化,其中的舍入偏移量由殘差系數分布來決定,

??在軟決策量化中,確定量化level時,還要考慮一個變換塊(TB)的量化殘差之間的相互依賴性,也就是說,量化候選的RD cost會被認真處理評估,從而以這種軟決策量化確定的量化level可以在殘差的coding bits和量化失真之間達到極好的平衡,

??研究表明,與傳統的帶有dead-zone的硬決策量化相比,軟決策量化在計算復雜度高的情況下可以節省6%~8%的位元率,然而,由于殘差coding bits應當是通過熵編碼來同步計算的,軟決策量化的高復雜度可能會對此帶來麻煩,

??因此,已經有很多方案來實作視頻編碼中的軟決策量化,例如,在H.263+和H.264中,這種演算法可以通過網格搜索的方式來實作,簡單來說就是把每個量化候選的RD cost集成到網格分支中,通過動態規劃或維特比演算法來確定最優路徑,但是,在量化中進行全網格搜索具有極高的計算復雜度,鑒于此,網格搜索被簡化為RDOQ,通過RDOQ可以實作次優量化,在H.264/AVC、HEVC和AVS2編碼器中已經廣泛應用了RDOQ,它可以檢測有限個數量的量化候選,最終使用ED cost最小的那一個,

??本文主要闡述視頻編碼中的量化問題,這對平衡視頻編碼的失真程度和編碼位元具有重要意義,其中,快量化技術的目的就是以一種最有效的方式來得到最優量化系數,更具體的說,本文主要從兩個角度實作低復雜度量化,

低復雜度量化的兩個角度
??如上圖,大的來說,本文將從兩個角度研究低復雜度量化技術,也就是fast RDOQ和全零塊檢測,在fast RDOQ方面,主要介紹基于統計的方法和基于RD模型的方法,在全零塊檢測方面,主要從真全零塊(G-AZB)和偽全零塊(P-AZB)的不同檢測方法入手來研究,總之,從以上兩個大的角度入手來實作低復雜度量化,從而期望對新一代的VVC標準的量化優化方案有一定的幫助,

二、HEVC中采用的量化技術

??這部分主要回顧HEVC標準中的量化技術,

??硬決策量化可以表示如下,

硬決策量化
??其中f表示舍入偏移量,一般根據slice型別設定,
??軟決策量化中的RDOQ中,利用RDO準則來尋找最優量化系數,具體來說,RDO的目標就是在coding bits budget(R^)的約束下讓失真D盡可能的小,可以用下面的式子來表示,
RDO
??可以看出,上面的式子是在一定的約束條件下的,可以引入λ多項式來把這樣的有約束問題轉換為無約束問題,這樣上面的式子就變成了,
RDO
??這樣,RDOQ可以根據上面式子來選擇最優量化level,再具體一點,在RDOQ中主要有兩個程序,
??第一,對變換系數進行預量化,量化候選值如下,
quantization candidates
??至此,最優量化可寫成,
在這里插入圖片描述
??要知道的是,RDOQ和殘差熵編碼是基于CG(一個TB下的4x4的組)來實作的,
??RDOQ的第二步,就是計算RD cost來確定當前CG能否量化為全零CG,同時,確定最后一個非零系數的位置,將之后位置的系數置零,
??可以看出,RDOQ程序還是比較繁瑣的,為了加速RDOQ程序,一種方式就是加速量化程序,另一種方式就是檢測出全零塊,以跳過繁瑣的變換、量化、熵編碼、反量化和反變換程序,這也就是本文研究的兩個主要角度,

三、FAST RDOQ

??RDOQ的目的就是確定一組最佳量化結果,使得TB的RD cost最小,這種方式盡管增加了計算復雜度,但是無疑會帶來壓縮性能方面的收益,本文主要有兩種方式來實作低復雜度RDOQ,一種是基于統計的方法,另一種是基于RD模型的方法,

1.STATISTICS-BASED FAST RDOQ

??這種基于統計的方法主要是根據統計分析來跳過RDOQ程序來避免不必要的計算,
??有一種比較特殊的塊即不包含DC系數的全量化零塊(AQZB-DC)可以被檢測,它占據了非零塊的20%左右,再者,統計結果表明,在AQZB-DC塊中,超過30%的DC系數仍舊維持了l(i,j)ceil,因此,研究一種對于AQZB-DC塊的預測模型,它可以自適應調節DC系數的量化level,這樣的話,對于這種型別的TB,RDOQ程序可以直接跳過,
??在遞回TB劃分結構下重復呼叫RDOQ,這無疑會加重量化的計算負擔,因此,有研究提出將硬決策量化直接應用于TB,在獲得最佳TB大小后采用RDOQ,這種方法在low delay P配置下,BD-Rate僅損失0.25%就達到了27%量化復雜度的減少,
??雖然RDOQ對于HEVC來說取得了極大性能的提升,但是,比起硬決策量化,它不能一直變化量化level,比如,如果當前TB在預量化之后是一個全零塊,那么RDOQ就顯得沒有必要,再者,如果硬決策量化的量化結果和RDOQ的結果相同,那么計算RD cost是相當浪費的,因此又有研究提出了基于變換系數統計的RDOQ bypass方案,根據統計實驗發現,當一個TB的所有變換系數比閾值(量化步長大小決定)小時,無需RDOQ,當前TB可以直接被認為是零塊,而且,當一個TB的絕對量化系數和比給定的閾值小時,表明非零系數占據了比較小的一部分,那么RDOQ將被跳過,并且硬決策量化將來優化編碼時間,
??有研究提出了一種簡化RDOQ候選的選擇和最后非零系數搜索的方案,特別地,來評估條件概率在這里插入圖片描述??其中,L可能為1、2、3或者大于3,具有不同QP的隨機訪問配置下的統計結果得出,當L>3時,這個條件概率平均值為4%,這表明,量化level在預量化的結果下很容易保持不變,因此可以跳過RDOQ,除此之外,對最后非零系數搜索的簡化是在4x4TB上進行的,在此之上,其搜索范圍縮小到了前四個非零系數,
??另有研究提出了一種早期量化level決策的方案,因為觀察到對于較大TB中位于高頻域的系數,RDOQ傾向于將量化level從“1”調整到“0”,這種方案讓量化level為0,而且沒有RDOQ程序,如下面式子所示,
在這里插入圖片描述
??這種方案在all intra(AI)配置下節省了12.84%的量化時間,并且BD-Rate損失僅0.21%,另外,考慮到某些序列需要調整在這里插入圖片描述
為70%以下,因此,相關人員建議在預量化階段采用自適應舍入偏移量來計算l(i,j)ceil,對于舍入偏移量f可以調整如下,
在這里插入圖片描述
??提出的這種自適應舍入偏移量在all intra配置下,實作了15.29%的量化時間節省,并且BD-Rate損失非常小(平均0.01%),

2.RATE DISTORTION MODELS FOR FAST RDOQ

??達到低復雜度RDOQ的關鍵就是建立一個精確的RD模型來估計RD cost,考慮到RDOQ是通過比較l(i,j)ceil和l(i,j)floor的RD cost來調整量化level,從而得到關于不同量化候選的RD cost差異,特別地,有研究用ΔJ估計模型制定了一種簡化的level調整方法,如下所示,
在這里插入圖片描述
??這里ΔD表示如下,
在這里插入圖片描述
??其中,b是l(i,j)float的小數部分,通過這種方式,可以放心大膽地移除反量化程序,而對于ΔR,可以表示如下,
在這里插入圖片描述
??可以根據l(i,j)ceil的值推匯出前三個語法元素的ΔR,這四個語法元素的explicit值可以通過在HEVC測驗模型中定義的查找表來獲得,

??有研究還為低復雜度RDOQ建立了ΔJ模型,通常,符號標志的編碼位和用于表示最后有效系數的編碼位還包括在ΔR估計中,隨后,將之前等式中的ΔJ設定為0,可以得出閾值,
在這里插入圖片描述
??這樣的話,最佳量化level可以確定,如下所示,
在這里插入圖片描述
??還有研究提出了針對HEVC編碼器的并行RDOQ方案,利用該方案可以在GPU上并行執行RDO程式,從而實作實時編碼4K序列,

??除此之外,還有人提出用混合拉普拉斯分布對變換系數進行建模,在HEVC中,使用四叉樹結構,這使得TB大小從4x4到32x32變化,從而變換系數的分布也截然不同,而提出的混合拉普拉斯分布包含一系列具有不同引數的模型,這可以來適應不同TB尺寸的特征,此外,在建模中考慮了4x4TU的變換型別,綠如DCT-II、DST-VII和變換跳過,混合拉普拉斯分布可以用下式來表示,
在這里插入圖片描述
??其中k表示TB層索引,第0層到第3層分別表示TB尺寸從32x32到4x4變化,第4層表示采用DST-VII變換,第5層表示采用變換跳過,

??在量化失真建模方面,采用了硬決策量化的量化level,將反量化系數和原變換系數之間的SSE視為量化失真,以這種方式,可以得到每個量化候選的RD cost,最終,估算的最優量化結果可以將不同量化候選的RD cost最小化來得出,如下所示,
在這里插入圖片描述
??其中α是可以用于調整模型精度的訓練引數,
??全零CG也可以根據下面的閾值來有效得出,
在這里插入圖片描述
??如果一個CG的所有變換系數都滿足上式,那這樣的CG也可以被認為是全零CG,

四、全零塊檢測

??試想,在變換或量化之前盡早的檢測出全零塊對于優化編碼具有重要意義,因為檢測出全零塊可以省去像變換、量化、殘差編碼、反量化和反變換這樣的繁瑣步驟,到那個時候,這些步驟可以直接跳過,無疑減少了編碼復雜度,

??對于全零塊的檢測,已經有很多方案,例如在H.264中,有一種方案就是用一種混合模型來檢測零系數,稍微具體來說,就是用高斯分布對空間域殘差進行建模,然后用SAD來確定用于檢測零系數的閾值,為適應哈達瑪變換,用SATD代替SAD,

??對于HEVC中全零塊的檢測,由于HEVC引入了大尺寸的TB(如16x16和32x32),這使得其全零塊的檢測更具有挑戰性,也就是說,H.264/AVC用于全零塊檢測的方法也許不能用于HEVC,

??在HEVC中為了更好地與RDOQ程序協同,有一些研究專注于兩種型別全零塊的檢測,即真全零塊(G-AZB)和偽全零塊(P-AZB),解釋一下,所謂真全零塊,是指通過硬決策量化可以直接將TB量化成全零塊;偽全零塊指那些通過RDOQ有可能量化成全零塊的TB,

??下面仔細來介紹一下G-AZB和P-AZB的檢測,

??對于G-AZB的檢測:

??首先,之前提到的硬決策量化也可以寫成下面這樣的式子,

在這里插入圖片描述
??其中,M是與QP有關的多項式系數,offset是與slice型別有關的舍入偏移量,Qsh取決于QP、TB尺寸和編碼bit-depth,在G-AZB中,|li,j|應當是小于1的,因此,給出TB尺寸W和量化引數QP,對于某一個DCT系數Ci,j的檢測閾值可以寫成下面式子,
在這里插入圖片描述
??閾值T也被廣泛用于檢測全零塊,
??還有相關人員提出了一種用于HEVC的混合全零塊檢測方法,起初,為減少計算復雜度,對于4x4和8x8的TU,用Walsh-order的哈達瑪變換來代替DCT變換,對于16x16和32x32的TU,用DCT變換,由此,提取不同TB大小的SATD*,可以得到兩個真全零塊的檢測閾值,
??第一個檢測閾值,即在之前提到的閾值基礎上增加了一個系數W^2(W即TB尺寸),表示如下,
在這里插入圖片描述
??第二個對于G-AZB的檢測閾值可以通過用拉普拉斯分布對預測殘差建模得到,表示如下,
在這里插入圖片描述
??這樣,G-AZB的檢測閾值就可以取上面提到兩個閾值中較小的那一個來得到,即
在這里插入圖片描述
??除此之外,還有人提出,基于全零塊檢測修改哈達瑪變換去更好適應HEVC的變換量化特征,也就是說,對于不同尺寸大小的TB,G-AZB的檢測閾值也不同,即
在這里插入圖片描述
??這樣的話,在HM平臺上,哈達瑪變換將被默認用于4x4和8x8的TU,即使更小的TU也不會額外帶來計算cost,然而,對于像16x16和32x32這樣大尺寸的TU,哈達瑪變換的計算cost是非常大的,因此,對于大尺寸的TU,哈達瑪變換系數應當統一一下,首先,把16x16和32x32的TU分成8x8的子塊,在每個這樣的子塊上用8x8的哈達瑪變換,然后,提取8x8子塊左上部分的DC系數,得到2x2和4x4的DC塊,再在DC塊上再一次使用哈達瑪變換(DC哈達瑪變換),值得注意的是,每個8x8子塊的DC系數可以通過在空間域增加殘差來有效獲得,如果所有的系數均小于TH,那么這個TB可以認為是一個全零塊,
??基于之前提到的真全零塊的檢測閾值,又有人額外提出了一種較低和較高的SAD閾值來對全零塊和非全零塊進行分類,較低的閾值被設定為(d/100)·T,如果一個TB的SAD比這個較低的閾值小,那么這個TB可以認為是真全零塊,而較高的閾值如下所示,
在這里插入圖片描述
??其中,€根據經驗定義如下,
在這里插入圖片描述
??至此,真全零塊的檢測就告一段落,
??偽全零塊的檢測是在“非真全零塊”上進行的,本質上,P-AZB檢測的關鍵就是AZB的RD cost是否低于NAZB,RD cost可以表示如下,
在這里插入圖片描述
??JAZB也可以寫成這樣,
在這里插入圖片描述
??而對于DNZB可以寫成這樣,
在這里插入圖片描述
在這里插入圖片描述
??對于P-AZB的檢測,為更好地適應較大TU的特征,TB將根據QP和QPmax分為高頻區域和低頻區域,低頻區域尺寸如下,
在這里插入圖片描述
??P-AZB的檢測實際上是在低頻區域進行的,如果低頻區域的最大變化系數比下面的閾值還要小,那么這個TB可以認為是P-AZB,
在這里插入圖片描述
??其中,kfei一般為2.2,
??為更進一步研究P-AZB,需要進一步比較關于JAZB和JNZB的率失真性能,特別地,JAZB可以通過下面式子得到,
在這里插入圖片描述
??DAZB可以同通過訓練來得到,由此,匯出兩個確定區間來預測P-AZB,

五、率失真性能和編碼復雜度

??這一部分主要討論fast RDOQ和全零塊檢測在RD性能和編碼復雜度方面所實作的效果,
??其中,fast RDOQ在all intra(AI)、random access(RA)和low delay(LD)配置下進行評估,由于在AI配置下對于全零塊檢測性能評估較少,所以全零塊檢測性能評估主要在RA和LD配置下進行,
??基于fast RDOQ的混合拉普拉斯分布演算法在編碼性能和計算復雜度上達到了很好的折衷,與傳統的RDOQ相比,它在僅增加0.3%BD-Rate的情況下節省了70%的量化時間,之前提到過的基于統計的fast RDOQ可以帶來30%到40%量化時間的減少,包括之前提到的對于 G-AZB的混合模型檢測的方法可以很精確地預測全零塊,在性能損失僅0.06%的情況下,達到了超過20%的時間節省的效果,據研究,這種混合模型檢測全零塊的方法在4K序列上以AI配置的方式也表現突出,量化時間節省了20%~26%,這對于4K視頻的量化有積極重要的意義!

六、討論

??fast RDOQ和全零快檢測之間有著微妙的聯系,他們的目的都是為了在找出最優量化level的前提下,實作減少RD cost計算復雜度的目的,由于前者是在系數上進行,后者在塊上進行,因此,它們必須一起協同起來,才能實作低復雜度量化優化的目的,
??可以相信,用在HEVC上的fast RDOQ和全零塊檢測,在不久的將來,在VVC中也可以用到低復雜度的量化方式,提出幾點憧憬,第一,系數應該是低復雜度,對實際應用友好的;第二,對于VVC來說,這種低復雜度量化優化演算法應當可以更好地適應網格結構;第三,RD模型應當是可以重復建立的;最后一點,希望在RD建模程序中也可以考慮多變換核選擇(MTS),


總結

??量化在現今視頻編碼中對于平衡碼率和失真扮演著極其重要的作用,本文主要回顧了HEVC中的低復雜度量化技術,并且對與將來VVC中的量化優化做了簡單憧憬,本質上,快速量化技術依賴于最佳量化指標,從而不需要經過變化、量化、熵編碼、反量化和反變換這些繁瑣的步驟,有理由相信,近年來機器學習的興起,可以以一種低復雜度高效的方法來實作智能地得到量化系數,這也會在率失真復雜度cost上大展宏圖,


??注:本文是博主在研讀了一篇IEEE上Low Complexity Quantization in High Efficiency Video Coding論文后,自行總結,希望對大家有所幫助,謝謝!

轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/167397.html

標籤:其他

上一篇:C++(23)——計算線段長度

下一篇:RTMP推流組件EasyRTMP-iOS版本真機運行報Unable to install “EasyRTMP“錯誤問題解決

標籤雲
其他(157675) Python(38076) JavaScript(25376) Java(17977) C(15215) 區塊鏈(8255) C#(7972) AI(7469) 爪哇(7425) MySQL(7132) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5869) 数组(5741) R(5409) Linux(5327) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4554) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2429) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1958) Web開發(1951) python-3.x(1918) HtmlCss(1915) 弹簧靴(1913) C++(1909) xml(1889) PostgreSQL(1872) .NETCore(1853) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • vue移動端上拉加載

    可能做得過于簡單或者比較low,請各位大佬留情,一起探討技術 ......

    uj5u.com 2020-09-10 04:38:07 more
  • 優美網站首頁,頂部多層導航

    一個個人用的瀏覽器首頁,可以把一下常用的網站放在這里,平常打開會比較方便。 第一步,HTML代碼 <script src=https://www.cnblogs.com/szharf/p/"js/jquery-3.4.1.min.js"></script> <div id="navigate"> <ul> <li class="labels labels_1"> ......

    uj5u.com 2020-09-10 04:38:47 more
  • 頁面為要加<!DOCTYPE html>

    最近因為寫一個js函式,需要用到$(window).height(); 由于手寫demo的時候,過于自信,其實對前端方面的認識也不夠體系,用文本檔案直接敲出來的html代碼,第一行沒有加上<!DOCTYPE html> 導致了$(window).height();的結果直接是整個document的高 ......

    uj5u.com 2020-09-10 04:38:52 more
  • WordPress網站程式手動升級要做好資料備份

    WordPress博客網站程式在進行升級前,必須要做好網站資料的備份,這個問題良家佐言是遇見過的;在剛開始接觸WordPress博客程式的時候,因為升級問題和博客網站的修改的一些嘗試,良家佐言是吃盡了苦頭。因為購買的是西部數碼的空間和域名,每當佐言把自己的WordPress博客網站搞到一塌糊涂的時候 ......

    uj5u.com 2020-09-10 04:39:30 more
  • WordPress程式不能升級為5.4.2版本的原因

    WordPress是一款個人博客系統,受到英文博客愛好者和中文博客愛好者的追捧,并逐步演化成一款內容管理系統軟體;它是使用PHP語言和MySQL資料庫開發的,用戶可以在支持PHP和MySQL資料庫的服務器上使用自己的博客。每一次WordPress程式的更新,就會牽動無數WordPress愛好者的心, ......

    uj5u.com 2020-09-10 04:39:49 more
  • 使用CSS3的偽元素進行首字母下沉和首行改變樣式

    網頁中常見的一種效果,首字改變樣式或者首行改變樣式,效果如下圖。 代碼: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ......

    uj5u.com 2020-09-10 04:40:09 more
  • 關于a標簽的講解

    什么是a標簽? <a> 標簽定義超鏈接,用于從一個頁面鏈接到另一個頁面。 <a> 元素最重要的屬性是 href 屬性,它指定鏈接的目標。 a標簽的語法格式:<a href=https://www.cnblogs.com/summerxbc/p/"指定要跳轉的目標界面的鏈接">需要展示給用戶看見的內容</a> a標簽 在所有瀏覽器中,鏈接的默認外觀如下: 未被訪問的鏈接帶 ......

    uj5u.com 2020-09-10 04:40:11 more
  • 前端輪播圖

    在需要輪播的頁面是引入swiper.min.js和swiper.min.css swiper.min.js地址: 鏈接:https://pan.baidu.com/s/15Uh516YHa4CV3X-RyjEIWw 提取碼:4aks swiper.min.css地址 鏈接:https://pan.b ......

    uj5u.com 2020-09-10 04:40:13 more
  • 如何設定html中的背景圖片(全屏顯示,且不拉伸)

    1 <style>2 body{background-image:url(https://uploadbeta.com/api/pictures/random/?key=BingEverydayWallpaperPicture); 3 background-size:cover;background ......

    uj5u.com 2020-09-10 04:40:16 more
  • Java學習——HTML詳解(上)

    HTML詳解 初識HTML Hyper Text Markup Language(超文本標記語言) 1 <!--DOCTYPE:告訴瀏覽器我們要使用什么規范--> 2 <!DOCTYPE html> 3 <html lang="en"> 4 <head> 5 <!--meta 描述性的標簽,描述一些 ......

    uj5u.com 2020-09-10 04:40:33 more
最新发布
  • 我的第一個NPM包:panghu-planebattle-esm(胖虎飛機大戰)使用說明

    好家伙,我的包終于開發完啦 歡迎使用胖虎的飛機大戰包!! 為你的主頁添加色彩 這是一個有趣的網頁小游戲包,使用canvas和js開發 使用ES6模塊化開發 效果圖如下: (覺得圖片太sb的可以自己改) 代碼已開源!! Git: https://gitee.com/tang-and-han-dynas ......

    uj5u.com 2023-04-20 07:59:23 more
  • 生產事故-走近科學之消失的JWT

    入職多年,面對生產環境,盡管都是小心翼翼,慎之又慎,還是難免捅出簍子。輕則滿頭大汗,面紅耳赤。重則系統停擺,損失資金。每一個生產事故的背后,都是寶貴的經驗和教訓,都是專案成員的血淚史。為了更好地防范和遏制今后的各類事故,特開此專題,長期更新和記錄大大小小的各類事故。有些是親身經歷,有些是經人耳傳口授 ......

    uj5u.com 2023-04-18 07:55:04 more
  • 記錄--Canvas實作打飛字游戲

    這里給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 打開游戲界面,看到一個畫面簡潔、卻又富有挑戰性的游戲。螢屏上,有一個白色的矩形框,里面不斷下落著各種單詞,而我需要迅速地輸入這些單詞。如果我輸入的單詞與螢屏上的單詞匹配,那么我就可以獲得得分;如果我輸入的單詞錯誤或者時間過長,那么我就會輸 ......

    uj5u.com 2023-04-04 08:35:30 more
  • 了解 HTTP 看這一篇就夠

    在學習網路之前,了解它的歷史能夠幫助我們明白為何它會發展為如今這個樣子,引發探究網路的興趣。下面的這張圖片就展示了“互聯網”誕生至今的發展歷程。 ......

    uj5u.com 2023-03-16 11:00:15 more
  • 藍牙-低功耗中心設備

    //11.開啟藍牙配接器 openBluetoothAdapter //21.開始搜索藍牙設備 startBluetoothDevicesDiscovery //31.開啟監聽搜索藍牙設備 onBluetoothDeviceFound //30.停止監聽搜索藍牙設備 offBluetoothDevi ......

    uj5u.com 2023-03-15 09:06:45 more
  • canvas畫板(滑鼠和觸摸)

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>canves</title> <style> #canvas { cursor:url(../images/pen.png),crosshair; } #canvasdiv{ bo ......

    uj5u.com 2023-02-15 08:56:31 more
  • 手機端H5 實作自定義拍照界面

    手機端 H5 實作自定義拍照界面也可以使用 MediaDevices API 和 <video> 標簽來實作,和在桌面端做法基本一致。 首先,使用 MediaDevices.getUserMedia() 方法獲取攝像頭媒體流,并將其傳遞給 <video> 標簽進行渲染。 接著,使用 HTML 的 < ......

    uj5u.com 2023-01-12 07:58:22 more
  • 記錄--短視頻滑動播放在 H5 下的實作

    這里給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 短視頻已經無數不在了,但是主體還是使用 app 來承載的。本文講述 H5 如何實作 app 的視頻滑動體驗。 無聲勝有聲,一圖頂百辯,且看下圖: 網址鏈接(需在微信或者手Q中瀏覽) 從上圖可以看到,我們主要實作的功能也是本文要講解的有: ......

    uj5u.com 2023-01-04 07:29:05 more
  • 一文讀懂 HTTP/1 HTTP/2 HTTP/3

    從 1989 年萬維網(www)誕生,HTTP(HyperText Transfer Protocol)經歷了眾多版本迭代,WebSocket 也在期間萌芽。1991 年 HTTP0.9 被發明。1996 年出現了 HTTP1.0。2015 年 HTTP2 正式發布。2020 年 HTTP3 或能正... ......

    uj5u.com 2022-12-24 06:56:02 more
  • 【HTML基礎篇002】HTML之form表單超詳解

    ??一、form表單是什么

    ??二、form表單的屬性

    ??三、input中的各種Type屬性值

    ??四、標簽 ......

    uj5u.com 2022-12-18 07:17:06 more