エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【HTML5 + jQuery】音声ファイルの再生/停止を制御するボタン
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【HTML5 + jQuery】音声ファイルの再生/停止を制御するボタン
投稿日:2020年7月30日 更新日:2021年12月2日 HTML, jQuery 1859文字:約4分 Issey Hara 原 一勢 ONZE ... 投稿日:2020年7月30日 更新日:2021年12月2日 HTML, jQuery 1859文字:約4分 Issey Hara 原 一勢 ONZE https://on-ze.com/archives/8136 ウェブサイトで音声ファイルを再生したい場合、HTML5で単純にaudioタグを使うだけで実現できますが、今回はさらにJQueryを利用して再生と停止をコントロールする方法を紹介します。 まずはHTMLの記述です。 <audio src="sample.mp3" id="audio" pause="pause" loop="loop"></audio> <button id="btn" type="button"><span>再生</span><span>停止<span></button> ここではわかりやすく、audioファイルにid="audio"を、制御するためのボタンを配置