整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費咨詢熱線:

          MPEG-DASH在HTML5中使用已成為潮流

          MPEG-DASH在HTML5中使用已成為潮流

          們來看看MPEG-DASH流媒體格式在HTML5中使用它的原因。

          MPEG-DASH(DASH是HTTP上動態(tài)自適應(yīng)流傳輸?shù)暮喎Q)是MPEG和ISO(ISO / IEC 23009-1)批準(zhǔn)的國際獨立于供應(yīng)商的標(biāo)準(zhǔn)。以前的自適應(yīng)流技術(shù),例如 Apple HLS, Microsoft Smooth Streaming和Adobe HDS - 由供應(yīng)商發(fā)布,對獨立供應(yīng)商的流服務(wù)器或回放客戶端的支持有限,依賴于供應(yīng)商的情況顯然是不可取的,因此標(biāo)準(zhǔn)化機(jī)構(gòu)開始了協(xié)調(diào)過程,至于導(dǎo)致2012年國際批準(zhǔn)了MPEG-DASH流媒體格式。

          簡而言之,我們了解下MPEG-DASH的目標(biāo)和優(yōu)點:

          • 減少啟動延遲以及視頻播放期間的緩沖和停頓。
          • 繼續(xù)適應(yīng)客戶端的流量情況。
          • 使用基于客戶端的流邏輯實現(xiàn)最高的可擴(kuò)展性和靈活性。
          • 使用現(xiàn)有且經(jīng)濟(jì)高效的基于HTTP的CDN,代理和緩存。
          • 通過使用HTTP有效地繞過NAT和防火墻。
          • 通過從同一文件發(fā)送,傳遞和使用多個并發(fā)DRM方案來啟用通用加密。
          • 啟用簡單拼接和(有針對性)廣告插入。
          • 還有更多優(yōu)點,上面僅列出比較有代表性的。

          近年來,MPEG-DASH已經(jīng)被集成到新的標(biāo)準(zhǔn)化工作中,例如HTML5 MSE,它通過HTML5 video和audio標(biāo)簽實現(xiàn)DASH播放,以及HTML5加密媒體擴(kuò)展,它們可以在Web瀏覽器中實現(xiàn)受DRM保護(hù)的播放。此外,MPEG-DASH的DRM保護(hù)通過MPEG-CENC(用于通用加密)在不同系統(tǒng)之間進(jìn)行協(xié)調(diào); 通過與混合廣播寬帶電視(HbbTV 1.5 和 HbbTV 2.0)的集成,可以在不同的智能電視平臺上播放視頻和播放MPEG-DASH 。

          此外,各公司與專業(yè)開發(fā)者圍繞DASH行業(yè)的論壇及其對DASH-AVC / 264建議的行業(yè)努力,以及DASH-HEVC / 265關(guān)于使用DASH-HEVC / 265建議的前瞻性舉措,簡化了MPEG-DASH標(biāo)準(zhǔn)的使用, MPEG-DASH中的H.265 / HEVC。

          ?今天,MPEG-DASH的部署越來越多,外國的Netflix和谷歌等服務(wù)加速了這些服務(wù),國內(nèi)一些流量大的視頻網(wǎng)站等這些服務(wù)最近已經(jīng)轉(zhuǎn)向這一新標(biāo)準(zhǔn),有了更多公司支持的流量來源,MPEG-DASH已占據(jù)互聯(lián)網(wǎng)流量總量的50%以上。

          著HTML5在互聯(lián)網(wǎng)使用頻率的增加,許多游戲開發(fā)公司開始重做他們之前開發(fā)的Flash游戲游戲,目的是擺脫過時的Flash并將其產(chǎn)品與最新HTML5行業(yè)標(biāo)準(zhǔn)相匹配,HTML5性能主要是與JavaScript結(jié)合開發(fā),而且大部分都是使用JavaScript。這種變化已經(jīng)發(fā)生了好幾年,我們來了解一下,將Flash游戲轉(zhuǎn)換為HTML5的重要性有哪些?

          第一,支持移動設(shè)備

          從Flash轉(zhuǎn)換為JavaScript可以覆蓋更廣泛的用戶群體,可以更好在移動設(shè)備上運行;改進(jìn)游戲中實現(xiàn)對觸摸屏控件的支持。

          第二,提高性能

          游戲開發(fā)使用JavaScript時,運行性能更快。除此之外,轉(zhuǎn)換游戲是重新審視游戲代碼中使用的算法的好機(jī)會。使用JavaScript游戲開發(fā),你可以優(yōu)化它們或完全刪除原始開發(fā)人員留下的未使用的代碼。

          第三,增加用戶數(shù)量,提高模擬游戲真實性。

          目前手機(jī)游戲主導(dǎo)了游戲界發(fā)展,使用JavaScript支持移動設(shè)備,增加用戶數(shù)量。HTML5在開發(fā)模擬游戲動作性能時,比較接近真實狀態(tài)。

          TML 或超文本標(biāo)記語言 允許 Web 用戶使用元素、標(biāo)簽和屬性創(chuàng)建和構(gòu)造部分、段落和鏈接。然而,值得注意的是,HTML 不能被視為一種編程語言,因為它不能創(chuàng)建動態(tài)功能。

          HTML有很多用例,即:

          1. 網(wǎng)頁開發(fā)。開發(fā)人員使用 HTML 代碼來設(shè)計瀏覽器如何顯示網(wǎng)頁元素,例如文本、超鏈接和媒體文件。
          2. 互聯(lián)網(wǎng)導(dǎo)航。由于 HTML 被大量用于嵌入超鏈接,因此用戶可以輕松地在相關(guān)頁面和網(wǎng)站之間導(dǎo)航和插入鏈接。
          3. 網(wǎng)絡(luò)文檔。HTML 使組織和格式化文檔成為可能,類似于 Microsoft Word。
          4. 還值得注意的是,HTML 現(xiàn)在被視為官方 Web 標(biāo)準(zhǔn)。萬維網(wǎng)聯(lián)盟 (W3C)維護(hù)和開發(fā) HTML 規(guī)范,同時提供定期更新。

          本文將介紹 HTML 的基礎(chǔ)知識,包括它的工作原理、優(yōu)缺點以及它與 CSS 和 JavaScript 的關(guān)系。

          什么是 HTML?

          HTML(代表超文本標(biāo)記語言)是構(gòu)成大多數(shù)網(wǎng)頁和在線應(yīng)用程序的計算機(jī)語言。超文本是用于引用其他文本片段的文本,而標(biāo)記語言是告訴 Web 服務(wù)器文檔的樣式和結(jié)構(gòu)的一系列標(biāo)記。

          HTML 是如何工作的

          在國內(nèi)的網(wǎng)站上找了一圈,這應(yīng)該是介紹歷史最細(xì)致的,長按保存手機(jī)里翻譯

          html文件

          平均每個網(wǎng)站包含幾個不同的信息 HTML 頁面。例如,主頁、關(guān)于頁面和聯(lián)系頁面都將具有單獨的 HTML 文件。

          HTML 文檔是以 .html 或 .htm 擴(kuò)展名結(jié)尾的文件。Web 瀏覽器讀取 HTML 文件并呈現(xiàn)其內(nèi)容,以便互聯(lián)網(wǎng)用戶可以查看它。

          html元素的三個部分

          所有 HTML 頁面都有一系列 HTML 元素,由一組標(biāo)簽和屬性組成。HTML 元素是網(wǎng)頁的構(gòu)建塊。標(biāo)簽告訴 Web 瀏覽器元素在哪里開始和結(jié)束,而屬性描述元素的特征。

          元素的三個主要部分是:

          • 開始標(biāo)簽 - 用于說明元素開始生效的位置。標(biāo)簽用左尖括號和右尖括號包裹。例如,使用開始標(biāo)簽 <p> 創(chuàng)建一個段落。
          • 內(nèi)容——這是其他用戶看到的輸出。
          • 結(jié)束標(biāo)簽 - 與開始標(biāo)簽相同,但在元素名稱前有一個正斜杠。例如,</p> 結(jié)束一個段落。

          這三個部分的組合將創(chuàng)建一個 HTML 元素:

          <p>這是在HTML中添加段落的方法。</p>

          HTML 元素的另一個關(guān)鍵部分是它的屬性,它有兩個部分——名稱和屬性值。名稱標(biāo)識用戶想要添加的附加信息,并且屬性值給出進(jìn)一步的說明。

          例如,添加紫色和 font-family verdana 的樣式元素將如下所示:

          < p style="color:purple;font-family:verdana" >這是在HTML中添加段落的方法。< /p >

          另一個屬性,HTML 類,對于開發(fā)和編程來說是最重要的。class 屬性添加了可以作用于具有相同類值的不同元素的樣式信息。 例如,我們將對標(biāo)題 <h1> 和段落 <p> 使用相同的樣式。樣式包括背景顏色、文本顏色、邊框、邊距和填充,在 .important 類下。要在 <h1> 和 <p> 之間實現(xiàn)相同的樣式,請在每個開始標(biāo)記后添加 class=”important”:

          <html>
          <head>
          <style>
          .important {
            background-color: blue;
            color: white;
            border: 2px solid black;
            margin: 2px;
            padding: 2px;
          }
          </style>
          </head>
          <body>
          <h1 class="important">This is a heading</h1>
          <p class="important">This is a paragraph.</p>
          </body>
          </html>

          大多數(shù)元素都有一個開始標(biāo)簽和一個結(jié)束標(biāo)簽,但有些元素不需要結(jié)束標(biāo)簽即可工作,例如空元素。這些元素不使用結(jié)束標(biāo)簽,因為它們沒有內(nèi)容:

          < img src="/" alt="圖像" >

          這個圖像標(biāo)簽有兩個屬性——一個src屬性,圖像路徑,和一個alt屬性,描述性文本。但是,它沒有內(nèi)容,也沒有結(jié)束標(biāo)簽。

          最后,每個 HTML 文檔都必須以 <!DOCTYPE> 聲明開頭,以告知 Web 瀏覽器文檔類型。使用 HTML5,doctype HTML public 聲明將是:

          < !DOCTYPE html >

          最常用的 HTML 標(biāo)簽和 HTML 元素

          目前,有 142 個 HTML 標(biāo)簽可以用于創(chuàng)建各種元素。盡管現(xiàn)代瀏覽器不再支持其中一些標(biāo)簽,但學(xué)習(xí)所有可用的不同元素仍然是有益的。

          第二節(jié)將討論最常用的 HTML 標(biāo)簽和兩個主要元素——塊級元素和內(nèi)聯(lián)元素。

          塊級元素

          塊級元素占據(jù)頁面的整個寬度。它總是在文檔中開始一個新行。例如,標(biāo)題元素將位于與段落元素不同的行中。

          每個 HTML 頁面都使用這三個標(biāo)簽:

          • <html>標(biāo)簽是定義整個 HTML 文檔的根元素。
          • <head> 標(biāo)簽保存頁面標(biāo)題和字符集等元信息。
          • <body>標(biāo)簽包含了頁面上出現(xiàn)的所有內(nèi)容。
          <html>
            <head>
              <!-- META INFORMATION -->  
            </head>
            <body>
              <!-- PAGE CONTENT -->
            </body>
          </html>

          其他流行的塊級標(biāo)簽包括:

          • 標(biāo)題標(biāo)簽 - 這些范圍從 <h1> 到 <h6>,其中標(biāo)題 h1 的大小最大,當(dāng)它們向上移動到 h6 時變得越來越小。
          • 段落標(biāo)簽——全部使用 <p> 標(biāo)簽括起來。
          • 列表標(biāo)簽——有不同的變體。<ol> 標(biāo)簽用于有序列表,<ul> 用于無序列表。然后,使用 <li> 標(biāo)記將各個列表項括起來。

          內(nèi)聯(lián)元素

          內(nèi)聯(lián)元素格式化塊級元素的內(nèi)部內(nèi)容,例如添加鏈接和強(qiáng)調(diào)的字符串。內(nèi)聯(lián)元素最常用于在不破壞內(nèi)容流的情況下格式化文本。

          例如,一個 <strong> 標(biāo)簽會以粗體呈現(xiàn)一個元素,而 <em> 標(biāo)簽會以斜體顯示它。超鏈接也是使用 <a> 標(biāo)記和 href 屬性來指示鏈接目標(biāo)的內(nèi)聯(lián)元素:

          <a href="https://www.icodingdeu.com/" >點我!</a> 

          HTML 演變——HTML 和 HTML5 有什么區(qū)別?

          HTML 的第一個版本由 18 個標(biāo)簽組成。從那時起,每個新版本都帶有添加到標(biāo)記中的新標(biāo)簽和屬性。迄今為止,該語言最重大的升級是 2014 年引入的 HTML5。

          HTML 和 HTML5的主要區(qū)別在于HTML5 支持新類型的表單控件。HTML5 還引入了幾個語義標(biāo)簽,可以清楚地描述內(nèi)容,例如 <article>、<header> 和 <footer>。

          HTML 的優(yōu)點和缺點

          就像任何其他計算機(jī)語言一樣,HTML 有其優(yōu)點和局限性。以下是 HTML 的優(yōu)缺點:

          優(yōu)點:

          • 初學(xué)者友好: HTML 具有干凈且一致的標(biāo)記,以及較淺的學(xué)習(xí)曲線。
          • 支持領(lǐng)域廣:該語言被廣泛使用,擁有大量資源和龐大的社區(qū)。
          • 無障礙:它是開源的并且完全免費。HTML 在所有 Web 瀏覽器中本機(jī)運行。
          • 靈活的:HTML很容易與PHPNode.js等后端語言集成。

          就像任何其他計算機(jī)語言一樣,HTML 有其優(yōu)點和局限性。以下是 HTML 的優(yōu)缺點:

          缺點:

          • 靜止的 該語言主要用于靜態(tài)網(wǎng)頁。對于動態(tài)功能,您可能需要使用 JavaScript 或 PHP 等后端語言。
          • 單獨的 HTML 頁面 用戶必須為 HTML 創(chuàng)建單獨的網(wǎng)頁,即使元素相同。
          • 瀏覽器兼容性 一些瀏覽器采用新特性的速度很慢。有時較舊的瀏覽器并不總是呈現(xiàn)較新的標(biāo)簽。

          HTML、CSS 和 Javascript 是如何相關(guān)的

          HTML 用于添加文本元素并創(chuàng)建內(nèi)容結(jié)構(gòu)。然而,僅僅建立一個專業(yè)的和完全響應(yīng)的網(wǎng)站是不夠的。因此,HTML 需要借助層級樣式表 (CSS)和JavaScript來創(chuàng)建絕大多數(shù)網(wǎng)站內(nèi)容。

          • CSS 負(fù)責(zé)樣式,例如背景、顏色、布局、間距和動畫。
          • JavaScript 添加了動態(tài)功能,例如滑塊、彈出窗口和照片庫。這三種語言是前端開發(fā)的基礎(chǔ)。

          結(jié)論

          HTML 是 Internet 上的主要標(biāo)記語言。每個 HTML 頁面都有一系列創(chuàng)建網(wǎng)頁或應(yīng)用程序內(nèi)容結(jié)構(gòu)的元素。

          HTML 是一種對初學(xué)者友好的語言,有很多支持,主要用于靜態(tài)網(wǎng)站頁面。HTML 與用于樣式的 CSS 和用于功能的 JavaScript 一起使用效果最好。

          我們還向您展示了一些在線教學(xué)課程,它們將有助于提高您的 HTML 知識或提供對 HTML 的基本理解。

          如果您有任何其他喜歡的資源來學(xué)習(xí) HTML,請在評論部分告訴我們。


          主站蜘蛛池模板: 精品一区二区在线观看| 国产午夜精品一区理论片飘花| 人妻体体内射精一区二区| 中文字幕精品一区二区精品| 国产成人AV一区二区三区无码 | 国产香蕉一区二区在线网站 | 国产成人一区二区三区| 国产人妖视频一区二区破除| 亚洲爽爽一区二区三区| 无码人妻久久久一区二区三区 | 国产伦一区二区三区高清 | 精品女同一区二区三区免费播放 | 高清一区二区三区免费视频| 亚洲第一区在线观看| 国产aⅴ一区二区三区| 亚洲综合av一区二区三区| 免费看AV毛片一区二区三区| 国产精品一区三区| 中文字幕一区二区三区在线观看| 亚洲AV无码片一区二区三区 | 乱子伦一区二区三区| 国产自产V一区二区三区C| 亚洲线精品一区二区三区影音先锋| 无码日韩人妻AV一区二区三区| 精品在线一区二区| 无码AV动漫精品一区二区免费| 影院无码人妻精品一区二区| 无码少妇一区二区浪潮av| 亚洲免费视频一区二区三区| 国产情侣一区二区三区| 亚洲成AV人片一区二区密柚 | 国产一区二区在线观看麻豆| 国产一区二区在线观看麻豆| 亚洲一区二区精品视频| 精品一区二区在线观看| 91一区二区在线观看精品| 国产精品无码亚洲一区二区三区| 毛片无码一区二区三区a片视频| 国产精品无圣光一区二区| 日本无卡码一区二区三区| 中文字幕人妻无码一区二区三区 |