主頁 > 前端設計 > 游戲中常見的Bug也有你不知道的秘密

游戲中常見的Bug也有你不知道的秘密

2020-10-04 16:45:16 前端設計

一、什么是Bug?

??根據當代IT類行業,Bug通常而言指的是計算機軟體與硬體的漏洞或缺陷,在游戲測驗的領域中,也包括游戲玩家、測驗人員所發現和提出的游戲體驗問題或與策劃案(需求檔案)存在差異的功能實作等,那么如何區分它是否是Bug呢?

我們大致從以下幾點得出結論:

??(1)策劃案中所提及的內容,程式未實作,

?例如:策劃案中說明玩家在商城充值10元后發放元寶至玩家賬戶,但程式未實作該功能

??(2)策劃案中明確不要做的內容,程式已實作,

?例如:策劃案中說明不可將商城充值的元寶發放至郵件,但程式實作了

??(3)策劃案中未提及的內容,程式已實作,

?例如:策劃案中沒有說明要將元寶以道具形式發放至背包,但程式實作了

??(4)策劃案中未提及必須要做的內容,程式未實作,

?例如:策劃案中未提及弱網環境下充值需要到賬,但程式未實作該功能

??(5)游戲實作的內容難以理解、對新手不友好運行緩慢等,測驗人員站在最終玩家的角度看到的問題是平常的且不是正確的,

?例如:當玩家在充值系統進行充值時,展示發放元寶獎勵,但未說明發放的具體數量讓玩家難以理解或是在獎勵發放程序出現卡頓現象

二、Bug分類

2.1 Bug的型別

??游戲測驗中的Bug也分為很多種型別,我們在發現Bug的時候也要對Bug進行分類,游戲測驗的Bug主要分為8大型別:

?(1)功能錯誤:最常見的錯誤型別,功能錯誤即為功能性上的錯誤

例如:充值未到賬、經驗卡加成道具無法使用、無法接收到郵件等

?(2)代碼錯誤:開發人員代碼程式上的錯誤邏輯與漏洞

例如:服務器下發資料錯誤、if else等的邏輯錯誤,大小寫、中英文符號錯誤等

?(3)配置錯誤:策劃配置表上的配置錯誤,少配、多配、漏配以及不符合配置規范

例如:必填項的內容未配置、需要配置5個內容但配置了4個,要求填寫的數值為1到100,但填寫了1000等

?(4)設計缺陷:策劃案中所描述的內容不正確、不合理或與其他系統、模塊擁有明顯沖突等情況

例如:結婚系統每日5點20分重繪情緣任務,但游戲的通用邏輯是6點重繪,社交系統可以讓兩個陌生異性結婚而沒有好感度的培養等

?(5)安裝部署:測驗環境搭建錯誤、專案部署錯誤、打包地址無法登錄等

例如:IP映射錯誤、測驗環境并非純凈環境,夾雜了開發環境的因素,服務器到期、證書過期導致無法登錄等

?(6)專項測驗:專項測驗領域相關的錯誤

例如:匹配隊伍的性能卡頓、弱網路下無友好提示、商城界面適配排版錯誤,賽季重繪或排行榜的資料兼容錯誤等

?(7)界面錯誤:UI界面上的錯誤,UI展示不合理,對話框樣式、文字描述錯誤

例如:社區界面的UI排版錯誤、商城界面的UI不合理、NPC對話文本偏離、運營活動的時間開放文字描述錯誤等

?(8)建議型別:通常指的是玩家或測驗人員對于游戲內玩法、流程上等內容的一些體驗建議

例如:攻擊動作體驗上不夠流暢、玩法相對于單一,缺少玩家的互動性、團隊協作性等的參考建議

??大部分情況下,游戲公司的測驗組成員并不會在提交Bug單時附帶上Bug的分類,部分公司受Bug管理工具的影響,會按照上述的方式內容進行提交,例如禪道系統,(如下圖1-1、1-2所示)

![在這里插入圖片描述](https://img-blog.csdnimg.cn/20200817012433887.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4Njc5NzA1,size_16,color_FFFFFF,t_70#pic_center
????????????????????????? 圖1-1

在這里插入圖片描述
????????????????????????? 圖1-2

三、Bug嚴重程度與優先級

??在游戲測驗的行業當中,會有許許多多的Bug,自然和軟體測驗一樣少不了嚴重程度以及優先級的劃分,對于Bug的嚴重程度通常而言劃分為5個等級

3.1嚴重程度等級劃分

??(1)致命級:服務器宕機,無回應、客戶端閃退,崩潰,核心內容阻塞,涉及高價值商業營收等金錢類計算內容、資料兼容錯誤等,

??(2)嚴重級:嚴重的功能錯誤、功能與策劃案有嚴重出入,系統或模塊中的重要功能失效、無回應等

??(3)一般級:普通的功能錯誤,功能與策劃案有較小出入,影響面較小的問題,明顯UI問題等

??(4)輕微級:輕微的UI問題、文本錯誤,色彩搭配違和等

??(5)建議級:某系統、玩法或者某一條需求上的易用性及建議性問題

3.2優先級劃分

??(1)緊急:該問題需要立刻解決,問題需要立刻得到修復回應,關系到系統運作、收入等

??(2)高級:該問題急需解決,該問題的修復很有必要,應引起高度重視,關系到該系統的主要功能是否正確實作等

??(3)中級:該問題正常處理,問題未過于影響功能實作或與需求有明顯出入,系統功能與需求有較小偏差

??(4)低級:該問題考慮時間可嘗試性處理,問題不緊急,可延期、可后續關注,經確認與評估可不解決,

??(4)無關緊要:該問題幾乎不涉及影響面,對于體驗或需求而言微不足道,在空閑時關注

??值得一提的是,通常情況下優先級與嚴重等級相對應,但有時嚴重級別高,優先級不一定高,一些嚴重級別低的,優先級高的,反而要優先處理,

??例如:某款新手游即將在國慶期間上線,本意為國慶活動,活動的文案寫成了11月1日-11月10日充值258元可以獲得1次抽獎機會,100%抽獎獲得實物活動,這種問題隸屬于低級或中級,但它的優先級卻是高級的,會影響到上線后眾多玩家活動的參與、準備等內容,會直接或間接造成營收損失,

??例如:某款手游的登錄界面的登錄按鈕偏移了,沒有處于居中位置,它的嚴重級別定義為中級或低級,但優先級會定義為高級,可能按鈕只有一點偏移或者有較為明顯的偏移,但該問題影響的用戶廣泛(每一個玩家想玩這款游戲,就必須會經過登錄界面),意味著這將影響到所有的游戲玩家那也是需要引起高度重視的問題,

??例如:某款手游出現了客戶端閃退的致命問題,但平均有10萬名玩家才可出現一次半年都沒有第二次出現,該問題的定義為致命,但優先級會定位中級或低級,

??看到這里,大家也應該能夠理解了,其實嚴重程度我們通常會按照問題去定義它的嚴重程度,但優先級我們主要是通過出現頻率、時間、影響面去做定義的,

??在國內99%的互聯網IT公司是依據嚴重程度進行Bug修復排列的,而部分國外公司會參照優先級進行修復
??
??

四、Bug修復的代價

??Bug的修復代價與我們所處的條件息息相關,通常而言分為研發期間以及游戲上線,在各個所處場景下也分各種條件,具體如下圖1-3所示

![在這里插入圖片描述](https://img-blog.csdnimg.cn/20200819014058693.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4Njc5NzA1,size_16,color_FFFFFF,t_70#pic_center
????????????????????????? 圖1-3

五、Bug的生命周期

??
??

Bug與游戲、軟體一樣,也存在生命周期,Bug生命周期如下圖1-4所示:
在這里插入圖片描述
???????????????????????圖1-4
??

六、如何預防Bug的產生

??

6.1認真對待需求評審?

? 需求評審階段應該做些什么??

(1)熟悉該需求相關內容,提前考慮到需求風險,及時反饋需求風險,讓開發人員在研發程序中注意,避免產生更多的Bug

(2)分析需求漏洞,及時反饋設計缺陷,需求評審會議時可以立刻修改策劃案或會議后修改,避免研發后大量修改或重做

(3)在三方人員對于需求看法的討論程序中大致確認部分需求的負責人,更加明確處理人,方便后續提單

(4)在評審討論的程序中通過開發人員、策劃所描述的邏輯以及實作方式,考慮可能會出現的代碼邏輯漏洞以及配置漏洞

(5)對于需求中存在疑問的地方及時提出,讓策劃方解答問題,為后續的測驗用例撰寫以及測驗做準備

(6)可以幫助策劃提供一些需求上的建議內容、以及后續的優化,分析玩家群定位,也可以避免研發需求后大量修改或重做

(7)根據討論的各類要素判定,從測驗用例的撰寫以及測驗流程的結束所使用的測驗時長,以把控需求風險及測驗質量

?很多測驗人員認為需求評審只是簡單的過一下需求,讓測驗人員大概了解接下來要做什么內容,應該如何準備,但其實遠遠不止如此,認真的對待需求評審,就可以在需求質量上“更勝一籌”,如果每個人都可以認真對待需求評審,測驗質量以及測驗效率就會大幅提高,讓我們的游戲產品贏在“起跑線”上!?

??
6.2認真對待用例評審?

? 測驗用例評審階段應該做些什么??
?
用例評審前:
?
(1)認真梳理自行撰寫的測驗用例,以準備測驗用例評審,可以讓參會人員在評審程序中思路更加清晰、明了,

(2)三方測驗用例評審前(開發、測驗、策劃),應當先行進行測驗內部評審,內部評審后用例會相對未評審時更全面,也許可以通過補充的測驗點當中聯想到更多的測驗點并進行補充,以節省在三方評審會議的時間,

PS:標準的評審流程應當包括開發、測驗、策劃、美術等,但應至少包括上述所提及的三方,
?

用例評審時:

(1)先行向評審參會人員講解用例撰寫的結構與框架,讓大家清楚用例的基礎結構,便于在接下來的講解時能讓大家快速進入狀態聆聽評審,(通常只適應于系統或玩法,優化類需求無需講解)

(2)測驗人員講解自行所撰寫的測驗用例時應當在這個程序中重點提及例外點、風險點的測驗用例點,以補充可能在需求評審時漏掉的風險,開發、策劃可以通過測驗人員用例撰寫所提及的內容及時修復程式漏洞或配置漏洞,

(3)測驗人員講解用例時應當主動告知開發、策劃等參會人員該系統可能存在的一些風險點、例外點,讓大家提前預警,有心理準備,

(4)測驗人員在評審程序中針對其他人員所提及的用例內容,及時記錄或現場補充,
?

用例評審后:

(1)測驗人員根據會議時的評審內容及時補充測驗用例,完善測驗用例,

(2)在測驗程序中發現了Bug但確是用例中沒有撰寫的用例點,應當及時補充至測驗用例,

(3)當測驗用例足夠完善且有空閑時間時重新梳理測驗用例,以便其他人更好的閱讀理解,提高執行效率等,

(4)及時對測驗用例進行維護,根據公司的專案以及管理工具,及時上傳測驗用例,對用例進行備份,以防丟失,

?用例評審與需求評審同樣重要,測驗人員對于測驗用例的維護也很有必要,在測驗程序中、后續測驗等,均會有更高的作業效率,也會提高其他測驗同學交叉測驗時對于測驗用例的理解、如果有新人入職時也會有更好的上手空間,對外而言會顯得測驗組內的基礎水平扎實,表明我們的專業能力,?

??

6.3依賴技術人員因素

? 為何依賴技術人員因素??

??正所謂人無完人,無論是開發、測驗、還是策劃,人的能力總是有限的,隨著技術水平、作業年限、學習能力以及專案熟悉程度的各種因素影響,技術水平也會有所起伏,以測驗舉例,如果測驗人員的基礎功底不扎實或者沒有做到足夠的嚴謹,在外網上可能就會有Bug產生,當然了,誰又能保證自己所測驗的內容是100%的完美呢?我們做不到完美,但可以無限接近于完美,開發與策劃也是如此,不斷提升自身的能力以及專案的理解程度,自然而然我們就會擁有更好的產品質量,

??

6.4測驗應當盡早介入

? 為何測驗需要盡早介入??

??測驗的盡早介入,是ISTQB中提倡的一個基本原則,游戲測驗人員與軟測人員大同小異,測驗人員提前介入主要有以下幾個優點:

(1)提高游戲測驗中產品的測驗質量
(2)提前發現需求設計缺陷以及開發風險,降低成本
(3)測驗人員的提前介入可以加快測驗進度以及專案進度的推動
(4)測驗人員的介入可以提前給予建議性優化等內容以進行程序改進,

??

6.5熟悉游戲各類機制

? 為何需要熟悉游戲的各類機制??

??在游戲測驗的行業中與軟體測驗不同,游戲中各類模塊、系統之中或多或少都會存在著些許牽連,以和平精英為例,玩家使用槍械射擊敵方時敵方也會受擊并扣除一定的血量,如果對方有防彈衣時那么就會存在一些互動,即槍械傷害與防彈衣防御的公式計算,那么測驗槍械傷害的測驗同學不僅僅要考慮到槍械本身的射擊傷害,當然也需要考慮在敵方擁有不同等級防彈衣時受到的傷害,模塊與模塊或系統與系統之間的牽連測驗,我們也稱之為集成測驗

??在游戲測驗的行業領域中,存在著太多的集成測驗,無論是什么型別的游戲,都會存在集成測驗,存在這些機制的同時,對技術人員更是一種考驗,無論是開發、測驗、策劃、美術,都需要了解一定的游戲機制,當對于游戲有著一定程度的理解和熟悉程度時自然可以規避一些不必要的風險,從而預防Bug的產生,

??看到這里你是否已經知道了什么是Bug,且也清楚如何更好避免Bug產生的方式了呢?相信閱讀此文章過后的你無論是從事游戲測驗還是軟體測驗,都會對基礎知識或多或少有進一步的了解啦~
??在這里插入圖片描述

??

八、知識小課堂

??問題一:我們公司的測驗部門是按照提交Bug的數量以及嚴重程度來計算KPI的,如果我在需求評審階段就告知開發讓他們修復Bug,這樣我的業績可能就少了,我該如何做?

??答: 即使公司有KPI標準,我們也應當在需求評審階段中提出相應的風險以及設計缺陷,告知策劃以及開發,讓他們提前避免, 無論是功能、性能、自動化測驗,更多的價值并不是明面上的Bug,而是其他人沒有發現,你卻能發現的問題, 這可以充分的體現出你的能力,如果能發現一些其他測驗、開發從來沒有聽說過的Bug,拋開測驗部門不說,其他部門的同學一定會對你刮目相看,

??問題二:如果專案有緊急的優化或代碼層次改動,且改動層次較大,來不及進行三方用例評審該如何應對?

??答: 有時候負責的系統、模塊有緊急情況需要修改內容或新增內容,我們也需要進行用例評審,我們可以先行提供測驗用例給到組內成員評審,在評審的程序中同時也進行測驗用例的執行,當測驗用例執行完成時,再通過測驗組成員所提供的評審結果補充測驗點進行測驗,在執行測驗的程序中也可以直接讓大家進行風險評估,提供可能出現的例外點,簡單梳理后執行測驗,既節省時間又能達到效率,在度過緊急階段后,應當重新完善用例,組織三方評審會議重新評估風險點,以更全面的保證游戲質量,

??問題三:如果用例不全面未測驗到,在外網出現了Bug,應當如何應對?

??答: 當外網有Bug產生時應當先行判斷該Bug的嚴重程度、影響面等內容,來綜合判斷該問題的優先級,根據該Bug的優先級選擇對應的處理方式,如果有多條Bug出現,應按照優先級進行修復,在發現Bug直至修復發布的整個程序中,我們更值得注意,整個流程是為了解決問題不應摻雜負面情緒或指責

??問題四:我是新入職公司參與專案的技術人員,對于游戲的各方面都還不熟悉,我應當如何熟悉專案盡可能防止Bug的產生?

??答: 如果是開發人員熟悉游戲可以通過代碼熟悉來了解游戲,測驗人員可以通過測驗用例來進行了解,策劃可以通過配置表以及競品來熟悉游戲,無論你的工種,都可以通過體驗產品來熟悉游戲,多體驗,多了解游戲中的邏輯,就可以更好的防止Bug的產生,開發可以在編碼上有更多的考慮,測驗可以考慮到更多的例外點以及測驗點,策劃也可以更加熟練的進行配置表配置等

??
??

??好啦~以上就是本次文章分享的全部內容啦,你學會了嗎?希望能給大家帶來幫助哦!
????
??

在這里插入圖片描述

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

標籤:其他

上一篇:python實作簡陋的貪吃蛇小游戲

下一篇:Python打字小游戲《Alphabet Zoo》

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