scientre https://blog.hatena.ne.jp/scientre/ メモ用紙 https://scientre.hateblo.jp/ HTML5 でサポートされた audio 要素。ブラウザによって対応形式が異なるのでまだちょっと厄介。 まず結論から。クロスブラウザにするには次のように書く。MP3 または AAC、および Ogg Vorbis の2種類の音声ファイルが必要。 <audio controls> <source src="audio.mp3" type="audio/mpeg"> <source src="audio.m4a" type="audio/mp4"> (AACを使う場合) <source src="audio.oga" type="audio/ogg"> <a href="audio.mp3" rel… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fscientre.hateblo.jp%2Fentry%2F20101213%2Fhtml_audio" title="HTML Audio を使う - メモ用紙" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2010-12-13 00:00:00 rich https://scientre.hateblo.jp/entry/20101213/html_audio 1.0 100%