コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > H5 チュートリアル > HTML5 でのオーディオの詳細な分析

HTML5 でのオーディオの詳細な分析

寻∝梦
リリース： 2018-08-13 18:21:08
オリジナル
2122 人が閲覧しました

HTML5 には古いバージョンとは多少異なる新しい点がたくさんあります。この記事では、HTML5 の新しいオーディオ要素について詳しく説明します

HTML5 オーディオ (オーディオ)

最終更新日: 2017 年 8 月 1 日

HTML5 は、オーディオ ファイルを再生するための標準を提供します。

インターネット上のオーディオ

これまで、Web ページ上でオーディオを再生するための標準はまだありませんでした。

現在、ほとんどのオーディオはプラグイン (Flash など) を介して再生されます。ただし、すべてのブラウザに同じプラグインがあるわけではありません。

HTML5 は、

ブラウザのサポート

Internet Explorer 9 以降、Firefox、Opera、Chrome、Safari はすべて

注: Internet Explorer 8 およびそれ以前の IE バージョンは

HTML5 オーディオ - 仕組み

HTML5 でオーディオを再生するには、次のコードを使用する必要があります: 

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>PHP中文网</title> 
</head>
<body>
<audio controls>
  <source src="/statics/demosource/horse.ogg" type="audio/ogg">
  <source src="/statics/demosource/horse.mp3" type="audio/mpeg">
ログイン後にコピー

お使いのブラウザは audio 要素をサポートしていません。

再生、一時停止、および音量コントロールを追加するためのコントロール プロパティ。

の間に、ブラウザがサポートしていない
関連ラベル：
HTML5中音频的详细解析
ソース：php.cn
前の記事：HTML5 学習への道 次の記事：HTML5の最新canvas要素の使い方を詳しく解説
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
3
2357
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
11
2489
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
から 2024-04-19 15:37:47
0
1
2105
親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1985
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
2057
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート