Skip to content

概要ブログ学習する探検パターン Case studies

We want to hear from you! We are looking for web developers to participate in user research, product testing, discussion groups and more. Apply now to join our WebDev Insights Community.

メディア

Web サイトに音声や動画を追加する

Overview

基本的な HTML、Shaka Player、JW Player、Video.js などのメディアフレームワークを使用し、サイトにメディア機能を追加する方法について説明します。

Table of Contents

コンセプト
Web 用にメディアファイルを準備する
Web ページにメディアを追加する

コンセプト

What is a media experience?
Media file basics
Media application basics
Media streaming basics

Web 用にメディアファイルを準備する

Prepare media files for the web
Containers and codecs
Bitrate
Resolution
Media conversion
Media encryption

Web ページにメディアを追加する

Add media to a web page
The <video> and <source> tags
Media accessibility
Media frameworks
PWA with offline streaming
音声と動画のプリロードによる高速再生
Debug media playback errors on the web

We want to help you build beautiful, accessible, fast, and secure websites that work cross-browser, and for all of your users. This site is our home for content to help you on that journey, written by members of the Chrome team, and external experts.

Contribute

バグを報告する
ソースを表示する

関連性のあるコンテンツ

developer.chrome.com
Chrome のアップデート
ケーススタディ
ポッドキャスト
ショー

接続する

Twitter
YouTube

Chrome
Firebase
Google Cloud Platform
すべての製品

Dark theme

利用規約とプライバシーポリシー
コミュニティガイドライン

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies.

By Chrome DevRel