使用者喜歡媒體，尤其是影片，既有趣又富含資訊。使用行動裝置時，比起文字，影片比較容易使用資訊。為提供良好的使用者體驗，影片不應超過可用頻寬。因此，無論使用者用於何種裝置，都應該要能使用應用程式。使用者完全不需要等待媒體下載完成，按下播放按鈕後 沒有人喜歡這顆星球，而且什麼都沒有
您本身在裝置上使用的影片並無任何疑慮，也就是說，最後一段內容不會讓您感到意外。現在，您必須瞭解如何將影片或其他媒體檔案 放在自家網站上使用者體驗必須包含新增媒體的技術相關規定。
技術相關規定
- 媒體檔案的版本採用適合在網路上瀏覽的格式，其中包含音訊串流和影片串流。
- 這是適合使用者的裝置。
- 位元率不會超載使用者的網路頻寬。
- 使用適當技術的所有主要瀏覽器都能看到結果。
- 檔案已加密 (選用)。
這個網站的媒體部分可協助您達成這些技術規定。如果這些概念仍然很抽象，請不用擔心。我們會在每一篇文章中逐步說明。在第一部分中，您將瞭解媒體的基本概念，第二節將說明如何將媒體新增至網路，最後一節則介紹實用應用程式，其中有幾項進階技術，包括在網路上使用媒體。
在網路上顯示影片
在網站上顯示影片時，您可以採用四種方法。
- 將影片上傳至媒體代管服務供應商，例如 YouTube 或 Vimeo。這些選項需要將播放器嵌入你的網站。
- 使用 HTML
<video>和<audio>元素自行代管的基本嵌入功能。 - 使用影片庫 (例如 Shaka Player、JW Player 或 Video.js) 執行更完整的嵌入功能。
- 建構自己的媒體伺服器和串流應用程式。
本網站主要介紹嵌入媒體的基本概念。不過，我們會探討一些更進階的主題，協助您開始建構自己的媒體串流應用程式。要做到並不容易，因此我們建構了媒體 PWA (提供離線支援) 做為參考，既要介紹可以達成哪些目標，又能付出多少心力。申請內容不會是準備為 YouTube 或 Vimeo 等服務製作或競爭對手 可以帶你踏出第一步，開始學習挑戰性高和創新的事物
當然，如要在代管媒體服務上建構競爭對手，需要專業工程師團隊和數千小時的工作。除非您的目標是以競爭對手的身分進入該市場，否則建議您使用其他方法。建議您先瞭解相關技術，即使不推出自己的應用程式或影片播放器，但還是能探索及嘗試各種先進的瀏覽器支援功能，或至少使用其中一個現有的影片庫。
課程內容
媒體集合包含三個部分。第一部分，我們將提供將媒體新增至網站的概念和必要條件。內容包括說明媒體檔案的組成方式、準備檔案供網頁使用所需的應用程式基本概念，以及串流概念。第二部分說明如何準備檔案，並將檔案轉換為各種格式，並視需要新增加密功能。在最後一節中，我們將說明如何在網頁中嵌入媒體檔案、討論自動播放的最佳做法、使用媒體架構、離線觀看影片，以及開放影片存取。
有很多地方需要探討，因此請先瞭解媒體檔案的基本知識。