简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）
ホームページ
記事
に質問
コース
特集
ダウンロード
ゲーム
辞書
最近の更新

ホームページ  >  記事  >  ウェブフロントエンド  >  HTML5 マルチメディア オーディオとビデオの詳細な紹介 (1)

HTML5 マルチメディア オーディオとビデオの詳細な紹介 (1)

黄舟
黄舟オリジナル
2017-05-19 16:57:312498ブラウズ

通常、ブラウザは Web ページ上でオーディオやビデオを再生するために Flash をインストールします。
HTML5 では、オーディオとビデオを再生するためのオーディオ要素とビデオ要素が追加され、フラッシュへの依存が軽減されます。

audio のオーディオサポート

HTML5 では、audio 要素を通じてオーディオを含める標準的な方法が指定されています。
現在、audio 要素は次の 3 つのオーディオ形式をサポートしています:

オーディオ形式 IE9 Firefox 3.5 Opera 10.5 Chrome 3.0 Safari 3.0
オッグ・ヴォルビス いいえ はい はい はい いいえ
MP3 はい いいえ いいえ はい はい
Wav いいえ はい はい いいえ はい

ビデオのビデオサポート

HTML5 では、video 要素を通じてビデオを含める標準的な方法を指定しています。
現在、video 要素は次の 3 つのビデオ形式をサポートしています:

Oggいいえ3.5+10.5 + いいえ 4.0+10.6+6.0 +いいえ
<!Doctype html>
<html>
<head>
<title>HTML5多媒体</title>
<meta charset="utf-8"/>
</head>
<body>
    <p>
        <audio id="myAudio" controls="controls">
            <source src="resource/传奇.mp3" type="audio/mpeg">
            您的浏览器不支持audio        
            </audio>
    </p>

    <p>
        <video id="myVideo" controls="controls">
            <source src="resource/手语.mp4" type="video/mp4">
            您的浏览器不支持video        
            </video>
    </p>
    </body>
    </html>
以下は私のサンプルコードです ランニングエフェクト、オーディオ、ビデオが再生されます! 【関連おすすめ】1. 2. 3. 4. H5 video タグが音声のみを再生できてビデオが再生できない問題の解決策
形式 IE Firefox Opera Chrome Safari
オーディオとビデオの再生オーディオとビデオの例 上記は、オーディオとビデオを再生するための最も単純なサンプル コードです。 mp3とmp4のリソースファイルは自分で見つけなければなりません~
html5のvideoタグテストアプリの詳細説明 video要素を使ってhtml5で動画プレーヤーを作成する 動画を共有するタグが MP4 を再生できない問題と解決策

5.

IIS の MIME が MP4 タイプを登録しないため、 vidoeタグが認識できない問題の解決策


以上がHTML5 マルチメディア オーディオとビデオの詳細な紹介 (1)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：HTML5キャンバスの詳しい解説(6)次の記事：HTML5キャンバスの詳しい解説(6)

関連記事

続きを見る