Kurene https://blog.hatena.ne.jp/Kurene/ Wizard Notes https://www.wizard-notes.com/ Web Audio API React javascript 音楽プログラミング Webアプリで音声の再生を実現する方法としては、 HTMLの<audio> 要素の利用 JSのWebAudioAPIでAudioBufferを読み込み がよく知られています。 遅延が許されない効果音や、信号処理をして再生するような用途ではAudioBufferを読み込みますが、Javascriptでの実装が少しだけ多くなります。 一方、用途によっては<audio> 要素のインターフェースであるHTMLAudioElement オブジェクト (Audio オブジェクト) を操作する方が簡単書くことができます。 そこで、この記事では ReactとAudio オブジェクトを使ってローカルの音声ファイ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.wizard-notes.com%2Fentry%2Fjavascript%2Freact-audio-obj-upload-audiofile" title="JavaScript：React＋Audioオブジェクトで音声ファイルをアップロード＆再生 - Wizard Notes" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/K/Kurene/20220219/20220219230725.png Hatena Blog https://hatena.blog 2022-02-19 23:56:21 rich https://www.wizard-notes.com/entry/javascript/react-audio-obj-upload-audiofile 1.0 100%