主頁 > 前端設計 > 論文學習記錄:PROGRESSIVE GROWING OF GANS

論文學習記錄:PROGRESSIVE GROWING OF GANS

2020-10-05 19:41:25 前端設計

論文鏈接:https://arxiv.org/pdf/1710.10196.pdf


前言

這是一種針對GANs的訓練優化方法,從低解析度影像開始,通過向網路添加層來逐步提高解析度,如圖1,這種遞增的特性允許訓練首先發現影像分布的大尺度結構,然后將注意力轉移到越來越細的尺度細節上,而不必同時學習所有的尺度,
在這里插入圖片描述圖1: 初始訓練時,生成器(G)和鑒別器(D)的空間解析度都很低,即4x4像素,隨著訓練的進行,我們逐漸在G和D上增加層,從而提高了生成影像的空間解析度,在整個程序中,所有現有層都是可訓練的,這里N x N是指在N x N空間解析度下的卷積層,這允許在高解析度下穩定的擬合,也能夠極大地加快訓練速度,右邊展示了使用漸進式增長生成的6個1024 x 1024像素示例影像,


我們使用生成器和鑒別器網路,它們彼此鏡像,同步發展,在整個訓練程序中,兩個網路中的所有現有層在訓練階段都是可訓練的,當新層被添加到網路中時,我們平滑地淡出現有網路,如圖2所示,這避免了對已經訓練良好的小解析度層的突然沖擊,
在這里插入圖片描述圖2:當加倍生成器(G)和鑒別器(D)的解析度時,我們“平滑”地添加新圖層,該例子說明了從16×16影像 ( a ) (a) (a)到32×32影像 ( c ) (c) (c)的轉換程序,在轉換 ( b ) (b) (b)程序中,我們將操作在更高解析度上的層類似殘差塊一樣處理,其權重 a a a從0到1線性增加,這里 2 x 2x 2x 0.5 x 0.5x 0.5x分別表示使用最鄰近鄰濾波和平均池化將影像解析度加倍和減半, t o R G B toRGB toRGB表示將特征向量投影到RGB顏色層, f r o m R G B fromRGB fromRGB做相反操作; 都使用1 x 1卷積,在訓練鑒別器時,我們輸入經過縮小的真實影像,以匹配當前網路的解析度,在解析度轉換期間,類似于生成器輸出組合兩種解析度的方式,我們在真實影像的兩種解析度之間插入,


漸進式訓練有幾個好處,
在早期,由于類別資訊和模式較少,小影像的生成實質上更穩定(Odena et al.,2017):通過一點一點地提高解析度,通過重復一個簡化問題,而非直接解決從隱向量直接找到1024 2 ^2 2的影像,實際上,它穩定了訓練,使我們能夠使用WGAN-GP或者LSGANs (Gulrajani et al., 2017)損失可靠地合成百萬像素級的影像 (Mao et al., 2016b),

減少了訓練時間:隨著GANs的逐漸增長,大多數迭代程序都是在較低的解析度下完成的,根據最終輸出的解析度,一般可以快2-6倍地獲得相近結果質量,

逐步構建GANs的想法與Wang等人(2017)的作業有關,他們使用多種鑒別器對不同的空間解析度進行操作,Durugkar等(2016)同時使用一個生成器和多個鑒別器進行作業,而Ghosh等(2017)使用多個生成器和一個鑒別器來做相反model作業,分級GANs (Denton. 等,2015; Huang等,2016; Zhang等,2017)為一個影像金字塔的每一層定義一個生成器和鑒別器,這些方法建立在與我們的作業相同的觀察基礎上——從隱變數到高解析度影像的復雜映射通過逐步學習會更加容易——但關鍵的區別在于我們只著眼于單個GAN,而非它們的廣義結構體系,與早期自適應增長網路的研究相比,如GNG(Fritzke, 1995)和NeuroEvolution of Augmenting Topologies (NEAT)(Stanley & Mikkulainen, 2002),它們無節制地增加網路,而我們只是逐步引入預置的層,在此意義上,我們的方法類似于自動編碼器的分層訓練(Bengio等人,2007),

正文部分將描述一些tricks,


文章目錄

  • 前言
  • 一、基于 ‘批標準差’ 增加多樣性(INCREASING VARIATION USING MINIBATCH STANDARD DEVIATION)
  • 二、歸一化處理生成器和鑒別器(NORMALIZATION IN GENERATOR AND DISCRIMINATOR)
    • 1. 平衡學習率(EQUALIZED LEARNING RATE)
    • 2. 生成器的像素歸一化(PIXELWISE FEATURE VECTOR NORMALIZATION IN GENERATOR)
  • 三、構造漸增型網路(PROGRESSIVE NETWORK)
    • 1. 上采樣(UPSAMPLE)和下采樣(DOWNSAMPLE)
    • 2. 設計不同level的生成器和判別器 (level = log 2 _2 2?(res), res:當前解析度)
      • (1)建立level=2的初始卷積層
      • (2)建立拓撲卷積層
      • (3)生成器輸出(整合特征圖:toRGB)
  • 四、訓練配置(TRAINING CONFIGURATION)
    • 1. Adam演算法
    • 2. mini_batch設定
    • 3. Cost Function WGAN-GP
  • 五、生成結果的質量評價 -- 多尺度統計相似度( MULTI-SCALE STATISTICAL SIMILARITY)
  • 總結


以下是本篇文章正文內容


一、基于 ‘批標準差’ 增加多樣性(INCREASING VARIATION USING MINIBATCH STANDARD DEVIATION)

由于GAN網路傾向于學習資料集的子分部,由此2016年Salimans提出‘minibatch discrimination’即‘批判別’作為解決方案,它們不僅從單個影像中更是在整個minibatch中計算特征統計資料,從而激勵生成影像和訓練影像的minibatch顯示類似的統計資料或分布,

這是通過在鑒別器的末尾添加一個minibatch層來實作的,該層將學習一個大型張量,該張量將輸入量激活并映射到一組統計陣列中,在一個minibatch中,為每個示例生成一組單獨的統計資訊組,并將其拼接到層的輸出,以便鑒別器可以在內部使用統計資訊,我們大大簡化了這種方法,同時也改進了多樣性,

在簡化方案中既沒有可學習引數也沒有新的超引數,我們首先計算每個minibatch空間位置上每個特征圖的標準差,然后,我們將這些估計值平均到所有特征圖和空間位置,得到單一值,我們復制擴張該值,將其連接到所有空間位置,并覆寫整個minibatch,從而產生一個額外的(常量)特征圖,計算方法簡述如下:

   input:[N,H,W,fmaps];獲取批大小s=nhwf.shape;
   (1) 先計算N個特征圖的標準差得到特征圖fmap1:[1,H,W,fmaps]
   (2) 對fmap1求均值,得到值M1:[1,1,1,1]
   (3) 復制擴張M1得到N個特征圖fmap2:[N,H,W,1]
   (4) 將fmap2添加至每個樣本的特征圖中

理論上,這一層可以插入到鑒別器的任何地方,但是我們發現最好是在接近微端插入,

二、歸一化處理生成器和鑒別器(NORMALIZATION IN GENERATOR AND DISCRIMINATOR)

由于兩種網路之間的不健康競爭,GANs傾向于信號強度的升級,GANs的實際需要是限制信號的大小和競爭,我們使用一種方法,它包含了兩個成分,而這兩個成分都不包含可學習引數,

PGGAN使用兩種不同的方式來限制梯度和不健康博弈,而且方法均采用非訓練的處理方式.

1. 平衡學習率(EQUALIZED LEARNING RATE)

使用簡單的 N ( 0 , 1 ) N(0,1) N(0,1)初始化,然后在運行時顯式地縮放權重,詳細解釋就是:Initialization權重后設定 W i = W i / c W_i = W_i /c Wi?=Wi?/c,其中 W i W_i Wi?是權重, c c c是He的初始化方法的每層歸一化常數(He,2015),

動態地進行而非在初始化做有些許好處,與常用的自適應隨機梯度下降方法(如RMSProp (Tieleman & Hinton, 2012)和Adam (Kingma & Ba, 2015))中的尺度不變性有關,這些方法通過預估的標準差對梯度更新進行標準化,從而使更新不依賴于引數的尺度,如果某些引數的動態范圍比其他引數大,則需要更長的時間來調整,初始化導致的結果會使學習率過大或過小,我們的方法確保了動態范圍,因此學習速度對所有權值而言是相同的,

He的初始化方法能夠確保網路初始化的時候,隨機初始化的引數不會大幅度地改變輸入信號的強度,然而PGGAN中不僅限初始狀態scale而是實時scale,其中He公式如下:
在這里插入圖片描述

2. 生成器的像素歸一化(PIXELWISE FEATURE VECTOR NORMALIZATION IN GENERATOR)

為了避免由于競爭導致生成器和鑒別器的大小交替失控的情況(生成器的梯度崩潰),我們在每個卷積層之后將生成器中每個像素的特征向量歸一化為單位長度,我們使用一種變體的“區域回應歸一化”(Krizhevsky,2012)來實作這一點,公式如下:
b x , y = a x , y 1 N ∑ j = 0 N ? 1 ( a x , y j ) 2 + ? b_{x,y}=\frac{a_{x,y}}{\sqrt{\frac{1}{N}\sum_{j=0}^{N-1}(a_{x,y}^j)^2+\epsilon}} bx,y?=N1?j=0N?1?(ax,yj?)2+? ?ax,y??其中: ? = 1 0 ? 8 \epsilon=10^{-8} ?=10?8, N N N是feature map的個數, b x , y b_{x,y} bx,y? a x , y a_{x,y} ax,y?則分別是像素 ( x , y ) (x,y) (x,y)中的初始和歸一化特征向量,

Pixel norm(像素規范),它是local response normalization的變種,Pixel norm沿著channel維度做歸一化,這樣歸一化的一個好處在于,feature map的每個位置都具有單位長度,這個歸一化策略與作者設計的Generator輸出有較大關系,Generator的輸出層并沒有Tanh或者Sigmoid激活函式,


三、構造漸增型網路(PROGRESSIVE NETWORK)

在遞增的訓練階段,生成器和判別器的型號也是在逐步拓展的,比如訓練128x128影像,我們從4x4開始訓練,訓練階段有:

stage 1 4x4 穩定 level2-net
stage 2 8x8 過渡 level3-net
stage 3 8x8 穩定 level3-net
stage 4 16x16 過渡 level4-net
stage 5 16x16 穩定 level4-net
stage 6 32x32 過渡 level5-net
stage 7 32x32 穩定 level5-net
stage 8 64x64 過渡 level6-net
stage 9 64x64 穩定 level6-net
stage 10 128x128 過渡 level7-net
stage 11 128x128 穩定 level7-net

生成器和鑒別器的網路架構主要由復制的3層塊組成,我們在訓練程序中逐一引入,生成器的最后一個Conv 1 x 1層對應于圖2中的toRGB,鑒別器的第一個Conv 1 x 1層對應于fromRGB,我們從4×4解析度開始訓練網路,直到鑒別器已經處理了規定數目的真實影像,然后在兩個階段交替進行: 在同數量影像組中在第一個3層塊中進行影像淡入處理,為這些影像中定網路,在接下來的3層塊中再進行淡入處理,以此類推,

我們的隱向量對應于512維超球面上的隨機點,并且我們在 [ ? 1 , 1 ] [-1,1] [?1,1]中表示訓練和生成的影像,除了最后一層使用線性激活之外,我們在兩個網路的所有層中都使用 leakiness為0.2的leaky ReLU,在GANs的兩種網路中不使用批處理歸一化、層歸一化或權值歸一化,但我們在生成器中每個Conv 3 x 3層之后對特征向量進行像素歸一化,如2.2節所述,我們根據帶有單位方差的正態分布將所有的權值初始化,并將偏差引數初始化為0,在運行時,使用特定于層的常數來縮放權重,如2.1節所述,我們將跨小批(cross-minibatch)標準偏差作為4 x 4解析度的附加特征圖加入鑒別器的末端,如第1節所述,

1. 上采樣(UPSAMPLE)和下采樣(DOWNSAMPLE)

論文中上采樣由近鄰插值方法,下采樣由平均池化方法實作,
同時在卷積程序中,考慮到deconv會讓生成模型遭受checkerboard效應,PGGAN移除了deconv 方式,改用了conv + upsample,
以下論文給出的生成器和判別器中的卷積塊:
生成器卷積塊:
在這里插入圖片描述
判別器卷積塊:
在這里插入圖片描述

2. 設計不同level的生成器和判別器 (level = log 2 _2 2?(res), res:當前解析度)

GAN網路從最低解析度4x4慢慢向最高解析度1024x1024學習,其中G&D網路也是逐階段遞增的, 以生成器為例,描述生成器的不同階段的搭建方式:

(1)建立level=2的初始卷積層

在這里插入圖片描述如圖構造了一個CONV4x4+CONV3x3的二級初始結構,

(2)建立拓撲卷積層

在這里插入圖片描述網路拓撲結構如上圖,通過卷積塊拼接成更高級網路,其中每個卷積塊的特征圖數量是指定的,PGGAN在論文里指定為:
feats_map_num = [512,512,512,512,256,128,64,32,16]

(3)生成器輸出(整合特征圖:toRGB)

經過多層卷積之后,我們獲得了特征圖,輸出端則需要將這些特征圖整合為3通道的RGB影像,具體而言就是要構造一個toRGB函式,并考慮特征圖整合程序中的過渡階段,


四、訓練配置(TRAINING CONFIGURATION)

1. Adam演算法

在訓練網路時采用Adam優化演算法 (Kingma & Ba, 2015) :
在這里插入圖片描述從while回圈往下看:
第一行是更新step,訓練集采樣,
第二行是計算梯度,
第三行計算一階矩的估計,即mean均值
第四行計算二階距的估計,即variance,是二階距的一種,
第五、六行則是對mean和var進行校正,因為mean和var的初始值為0,所以它們會向0偏置,這樣處理后會減少這種偏置影響,
第七行梯度下降, ? \epsilon ?后的梯度是用一階距和二階距估計的,

由上圖演算法顯示,Adam演算法可描述為兩種隨機梯度下降擴展式的集合,即:

適應性梯度演算法(AdaGrad)為每一個引數保留一個學習率以提升在稀疏梯度(即自然語言和計算機視覺問題)上的性能,

均方根傳播(RMSProp)基于權重梯度最近量級的均值為每一個引數適應性地保留學習率,這意味著演算法在非穩態和在線問題上有很有優秀的性能,

按照吳恩達博士的理論分析,使用Adam演算法,可以方便設定 ? \epsilon ?的同時,能夠起到天然退火(annealing)的效果,

論文中設定步長0.001,一階矩估計的指數衰減率0.9,二階矩估計的指數衰減率0.99,解析度10E-8,

2. mini_batch設定

為了節省記憶體預算,在解析度較大( > = 12 8 2 >=128^2 >=1282)的情況下逐次降低minibatch size,比如:
4 2 = 12 8 2 ∽ s i z e = 16 4^2=128^2\backsim size=16 42=1282size=16
25 6 2 ∽ s i z e = 14 256^2\backsim size=14 2562size=14
51 2 2 ∽ s i z e = 6 512^2\backsim size=6 5122size=6
102 4 2 ∽ s i z e = 3 1024^2\backsim size=3 10242size=3

3. Cost Function WGAN-GP

論文中使用了WGAN-GP loss(基于WGAN的改進函式模型,加入gradient penalty——一種聯系了閾值K和原距離函式的loss function,它實作了將引數與限制聯系起來達到真實的Lipschitz限制條件,),在此基礎上進行了進一步的改進,首先設定了 n c r i t i c = 1 n_{critic}=1 ncritic?=1,在每批樣本進行了生成器與鑒別器的交替訓練,此外,為了解決鑒別器的零漂問題,將loss修正入如下:
L ′ = L + ? d r i f t E x ∈ P r [ D ( x ) 2 ] , ? d r i f t = 1 L'=L+\epsilon_{drift}E_{x\in P_r}[D(x)^2], \ \ \epsilon_{drift}=1 L=L+?drift?ExPr??[D(x)2], ?drift?=1


五、生成結果的質量評價 – 多尺度統計相似度( MULTI-SCALE STATISTICAL SIMILARITY)

總體思想:生成器可以基于所有尺度,產生區域影像結構和訓練集是相似的樣例,通過收集和評估一些指示性指標,可以對結果影像進行一些比較可信的評價,

具體策略:從 1 6 2 16^2 162像素開始學習生成影像和目標影像的Laplacian金字塔(Burt&Adelson,1987),并通過它表示區域圖片匹配分布的多尺度統計相似性,其中單個拉普拉斯金字塔等級對應于一個特定的空間頻帶,隨機采樣特定數目的結果影像,并從拉普拉斯Laplacian金字塔的每一級中提取描述符,在論文中每個描述符都是具有3個顏色通道的 7 × 7 7\times7 7×7的相鄰像素點,記為 x ∈ R 147 x\in R^{147} xR147,根據訓練集和生成集中的 l l l級的patch匹配分別求得每個顏色通道的均值和標準差,然后通過計算它們的SWD(sliced Wasserstein distance)值來評估統計相似性,


總結

PGGAN在生成高解析度影像上具有著相當杰出的能力,而它在人臉影像生成上所展示的優良表現,是否說明它在資料擴展和場景生成領域同樣能夠提高其效能?這里可以多做一些嘗試和研究,


參考:

https://blog.csdn.net/liujunru2013/article/details/78545882

https://blog.csdn.net/weixin_41024483/article/details/83116856

https://blog.csdn.net/u013412904/article/details/79045473

https://blog.csdn.net/u013139259/article/details/78885815

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

標籤:其他

上一篇:python基礎—串列決議式簡單應用

下一篇:如何建立Python虛擬環境,并在虛擬環境中安裝庫(安裝txt檔案中全部的庫)

標籤雲
其他(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