コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > HTML を使用してオーディオ再生コードを実装する

HTML を使用してオーディオ再生コードを実装する

零下一度
リリース： 2017-04-22 16:01:14
オリジナル
12223 人が閲覧しました

コントロール付きプレーヤー

html<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>播放音频</title>
</head>
<body>
<audio src="raw/1.mp3" controls="controls">你的浏览器不支持</audio>
</body>
</html>
ログイン後にコピー
ログイン後にコピー

プレーヤーは非表示です。ボタンを使用して再生を制御します

html<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>播放音频</title>
</head>
<body>
<button onclick="clickA()">播放/暂停</button>
<audio id="audio" src="raw/1.mp3">你的浏览器不支持</audio>
<script>
    var a=document.getElementById("audio");
    function clickA(){
        if(a.paused){
            a.play();
        }else{
            a.pause();
        }
    }
</script>
</body>
</html>
ログイン後にコピー
ログイン後にコピー

コントロール付きプレーヤー

html<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>播放音频</title>
</head>
<body>
<audio src="raw/1.mp3" controls="controls">你的浏览器不支持</audio>
</body>
</html>
ログイン後にコピー
ログイン後にコピー

プレーヤーは非表示です。ボタンを使用して再生を制御します

html<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>播放音频</title>
</head>
<body>
<button onclick="clickA()">播放/暂停</button>
<audio id="audio" src="raw/1.mp3">你的浏览器不支持</audio>
<script>
    var a=document.getElementById("audio");
    function clickA(){
        if(a.paused){
            a.play();
        }else{
            a.pause();
        }
    }
</script>
</body>
</html>
ログイン後にコピー
ログイン後にコピー


以上がHTML を使用してオーディオ再生コードを実装するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
html，音频播放
ソース：php.cn
前の記事：HTMLでedmを書くときに注意することは何ですか？ 次の記事：HTML で作成された美しいログイン ページ
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
JS を使用して再生品質を制御する Javascript を使用してビデオの再生品質を制御する方法はありますか?より正確に言うと、JavaScriptを使用してビデオの品質を選択したいと考えています。 Chrome ...
から 2024-04-04 00:21:55
0
1
384
選択イベントが変化すると、CSS アニメーションが対応する効果をトリガーします。 私は React アプリを作ろうとしています。現在、いくつかのポケモンが入った選択入力ボックスがあります。私がしなければならないことは、選択が変更される (つまり、ポケモンが変更さ...
から 2024-04-01 09:16:28
0
1
350
別の Web サイトから MP3 ファイルを再生する際の CORS エラーを修正 私が抱えている問題は、React アプリが他のソースからオーディオを再生できず、CORS エラーが発生することです。例: https://audio.podigee-cdn.net...
から 2024-03-31 22:04:39
0
1
286
SafariでHTMLビデオタグからオーディオとビデオをキャプチャする方法はありますか? Chrome と Firefox では、HTMLMediaElement.captureMediaStream() を使用してストリームをキャプチャできます。ただし、Safari ...
から 2024-03-31 12:27:03
0
1
329
電子メールでのビデオ再生を簡素化: 即時再生を保証し、ダウンロード画面は必要ありません ここで「はしごをどの壁に立てかけるべきか」もわかりませんし、私がやろうとしていることの正しい用語さえもわかりません。私は長年、農業研究会社でソフトウェアを開発してきました。当社では...
から 2024-03-30 17:12:51
0
1
433
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート