HTML 媒體(Media)與多媒體、視頻、聲音格式

来源:https://www.cnblogs.com/dhnblog/archive/2020/03/31/12608933.html
-Advertisement-
Play Games

一、HTML 媒體(Media) 1.1HTML 多媒體 Web 上的多媒體指的是音效、音樂、視頻和動畫。 現代網路瀏覽器已支持很多多媒體格式。 1.2什麼是多媒體? 多媒體來自多種不同的格式。它可以是您聽到或看到的任何內容,文字、圖片、音樂、音效、錄音、電影、動畫等等。 在網際網路上,您會經常發現嵌 ...


一、HTML 媒體(Media)

1.1HTML 多媒體

  • Web 上的多媒體指的是音效、音樂、視頻和動畫。
  • 現代網路瀏覽器已支持很多多媒體格式。

1.2什麼是多媒體?

  • 多媒體來自多種不同的格式。它可以是您聽到或看到的任何內容,文字、圖片、音樂、音效、錄音、電影、動畫等等。
  • 在網際網路上,您會經常發現嵌入網頁中的多媒體元素,現代瀏覽器已支持多種多媒體格式。

1.3瀏覽器支持

  • 第一款網際網路瀏覽器只支持文本,而且即使是對文本的支持也僅限於單一字體和單一顏色。隨後誕生了支持顏色、字體和文本樣式的瀏覽器,圖片支持也被加入。
  • 不同的瀏覽器以不同的方式處理對音效、動畫和視頻的支持。某些元素能夠以內聯的方式處理,而某些則需要額外的插件。

1.4多媒體格式

  • 格式 多媒體元素(比如視頻和音頻)存儲於媒體文件中。
  • 確定媒體類型的最常用的方法是查看文件擴展名。當瀏覽器得到文件擴展名 .htm 或 .html 時,它會假定該文件是 HTML 頁面。.xml 擴展名指示 XML 文件,而 .css 擴展名指示樣式表。圖片格式則通過 .gif 或 .jpg 來識別。

1.5視頻格式

  • MP4是互聯網推出新的視頻格式。
  • YouTube 推薦使用 MP4 。

  • Flash Players 支持 MP4
  • HTML5 支持 MP4。
最新的 HTML5 標準只支持 MP4, WebM, 和 Ogg 視頻格式。
格式文件描述
AVI .avi AVI (Audio Video Interleave) 格式是由微軟開發的。所有運行 Windows 的電腦都支持 AVI 格式。它是網際網路上很常見的格式,但非 Windows 電腦並不總是能夠播放。
WMV .wmv Windows Media 格式是由微軟開發的。Windows Media 在網際網路上很常見,但是如果未安裝額外的(免費)組件,就無法播放 Windows Media 電影。一些後期的 Windows Media 電影在所有非 Windows 電腦上都無法播放,因為沒有合適的播放器。
MPEG
  • .mpg
  • .mpeg
MPEG (Moving Pictures Expert Group) 格式是網際網路上最流行的格式。它是跨平臺的,得到了所有最流行的瀏覽器的支持。
QuickTime .mov QuickTime 格式是由蘋果公司開發的。QuickTime 是網際網路上常見的格式,但是 QuickTime 電影不能在沒有安裝額外的(免費)組件的 Windows 電腦上播放。
RealVideo
  • .rm
  • .ram
RealVideo 格式是由 Real Media 針對網際網路開發的。該格式允許低帶寬條件下(線上視頻、網路電視)的視頻流。由於是低帶寬優先的,質量常會降低。
Flash
  • .swf
  • .flv
Flash (Shockwave) 格式是由 Macromedia 開發的。Shockwave 格式需要額外的組件來播放。但是該組件會預裝到 Firefox 或 IE 之類的瀏覽器上。
Mpeg-4 .mp4 Mpeg-4 (with H.264 video compression) 是一種針對網際網路的新格式。事實上,YouTube 推薦使用 MP4。YouTube 接收多種格式,然後全部轉換為 .flv 或 .mp4 以供分發。越來越多的視頻發佈者轉到 MP4,將其作為 Flash 播放器和 HTML5 的網際網路共用格式。

 1.6聲音格式

MP3是一種音頻壓縮技術,其全稱是動態影像專家壓縮標準音頻層面3(Moving Picture Experts Group Audio Layer III),簡稱為MP3。它被設計用來大幅度地降低音頻數據量。如果你的站點是音樂類型的,你可以選擇mp3格式。

HTML5 的最新標準支持 MP3, WAV, 和 Ogg 音頻格式。
格式文件描述
MIDI
  • .mid
  • .midi

MIDI (Musical Instrument Digital Interface) 是一種針對電子音樂設備(比如合成器和音效卡)的格式。MIDI 文件不含有聲音,但包含可被電子產品(比如音效卡)播放的數字音樂指令。

點擊這裡播放 The Beatles

因為 MIDI 格式僅包含指令,所以 MIDI 文件極其小巧。上面的例子只有 23k 的大小,但卻能播放將近 5 分鐘。MIDI 得到了廣泛的平臺上的大量軟體的支持。大多數流行的網路瀏覽器都支持 MIDI。

RealAudio
  • .rm
  • .ram
RealAudio 格式是由 Real Media 針對網際網路開發的。該格式也支持視頻。該格式允許低帶寬條件下的音頻流(線上音樂、網路音樂)。由於是低帶寬優先的,質量常會降低。
Wave .wav Wave (waveform) 格式是由 IBM 和微軟開發的。所有運行 Windows 的電腦和所有網路瀏覽器(除了 Google Chrome)都支持它。
WMA .wma WMA 格式 (Windows Media Audio),質量優於 MP3,相容大多數播放器,除了 iPod。WMA 文件可作為連續的數據流來傳輸,這使它對於網路電臺或線上音樂很實用。
MP3
  • .mp3
  • .mpga
MP3 文件實際上是 MPEG 文件的聲音部分。MPEG 格式最初是由運動圖像專家組開發的。MP3 是其中最受歡迎的針對音樂的聲音格式。期待未來的軟體系統都支持它。

您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 1、HTML元素 a、從開始標簽到結束標簽的所有代碼 b、開始(開放)標簽<p>、結束(閉合)標簽</p>、標簽內的東西:元素內容 c、<br/>空元素,換行的意思 d、用p標簽行之間間隔較大,用br標簽行之間間隔較小 e、HTML元素語法: (1)元素內容是開始標簽與結束標簽之間的內容 (2)空元 ...
  • 1、聲明<!DOCTYPE html> a、html有多個不同版本,只有完全明白頁面中使用確切的html版本,瀏覽器才能完全正確地顯示出html頁面。 b、沒有結束符,聲明當前是一個html5的版本 2、html基礎標簽 a、<html></html> 無論是頭還是身體,都要包含在html標簽中 b ...
  • 1、為什麼要學習html5 a、2010年出(十分年輕) b、跨平臺運行(花心=.=) c、硬體要求低(這是不可能的,H5時代,開幾個網頁都占幾g記憶體→.→) d、flash之外的選擇(flash要漸漸退出歷史舞臺T.T,曾經的4399) 2、軟硬體環境 a、硬體:正常電腦都可以(滑稽) b、系統: ...
  • 1 完整代碼下載 https://pan.baidu.com/s/1JJyVcP2KqXsd5G6eaYpgHQ 提取碼 3fzt (壓縮包名: 2020-3-24-demo.zip) 2 圖片展示 3 主要代碼 1 "use strict" 2 3 ;(function (){ 4 5 //是否支 ...
  • 一、這一節講解的是背景圖片開始的位置也是可以設置的: background-orgin:數值值; 這裡的屬性值就是開始的位置,可分為: padding-left(預設);content-box;border-box <style> *{ margin:0; padding;0; } ul li{ l ...
  • 指令是以數據去驅動DOM行為,簡化DOM操作。常用指令如下 v-text innertext,不能解析文本中的html標簽 v-html innerhtml,可解析文本中的html標簽 v-show 控制元素的顯示、隱藏 v-if、v-else-if、v-else 滿足條件才顯示對應的元素 v-fo ...
  • 接上篇 https://www.cnblogs.com/chenyingying0/p/12608666.html 為什麼導航不使用fixed定位: 首先解釋下,手機端的頭部導航和底部導航,位置一般都是固定不變的 但是我們這裡不使用固定定位fixed,因為它在手機端的相容性並不好 我們可以設置總容器 ...
  • vue是國人開發的一個js框架,國人用得比較多。 Vue等框架與jQuery的區別 jQuery基於dom操作 Vue框架以數據驅動、組件化開發為核心 下載vue.js 如果安裝了node,執行命令 npm install vue 下載vue.js,可在vue後面加上 @版本號 指定要下載的vue. ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...