{"provider_url":"https://hatena.blog","blog_title":"Wizard Notes","published":"2022-02-19 23:56:21","provider_name":"Hatena Blog","width":"100%","version":"1.0","blog_url":"https://www.wizard-notes.com/","type":"rich","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.wizard-notes.com%2Fentry%2Fjavascript%2Freact-audio-obj-upload-audiofile\" title=\"JavaScript\uff1aReact\uff0bAudio\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3067\u97f3\u58f0\u30d5\u30a1\u30a4\u30eb\u3092\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\uff06\u518d\u751f - 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>","url":"https://www.wizard-notes.com/entry/javascript/react-audio-obj-upload-audiofile","author_url":"https://blog.hatena.ne.jp/Kurene/","image_url":"https://cdn-ak.f.st-hatena.com/images/fotolife/K/Kurene/20220219/20220219230725.png","categories":["Web Audio API","React","javascript","\u97f3\u697d\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0"],"author_name":"Kurene","height":"190","title":"JavaScript\uff1aReact\uff0bAudio\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3067\u97f3\u58f0\u30d5\u30a1\u30a4\u30eb\u3092\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\uff06\u518d\u751f","description":"Web\u30a2\u30d7\u30ea\u3067\u97f3\u58f0\u306e\u518d\u751f\u3092\u5b9f\u73fe\u3059\u308b\u65b9\u6cd5\u3068\u3057\u3066\u306f\u3001 HTML\u306e<audio> \u8981\u7d20\u306e\u5229\u7528 JS\u306eWebAudioAPI\u3067AudioBuffer\u3092\u8aad\u307f\u8fbc\u307f \u304c\u3088\u304f\u77e5\u3089\u308c\u3066\u3044\u307e\u3059\u3002 \u9045\u5ef6\u304c\u8a31\u3055\u308c\u306a\u3044\u52b9\u679c\u97f3\u3084\u3001\u4fe1\u53f7\u51e6\u7406\u3092\u3057\u3066\u518d\u751f\u3059\u308b\u3088\u3046\u306a\u7528\u9014\u3067\u306fAudioBuffer\u3092\u8aad\u307f\u8fbc\u307f\u307e\u3059\u304c\u3001Javascript\u3067\u306e\u5b9f\u88c5\u304c\u5c11\u3057\u3060\u3051\u591a\u304f\u306a\u308a\u307e\u3059\u3002 \u4e00\u65b9\u3001\u7528\u9014\u306b\u3088\u3063\u3066\u306f<audio> \u8981\u7d20\u306e\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u3067\u3042\u308bHTMLAudioElement \u30aa\u30d6\u30b8\u30a7\u30af\u30c8 (Audio \u30aa\u30d6\u30b8\u30a7\u30af\u30c8) \u3092\u64cd\u4f5c\u3059\u308b\u65b9\u304c\u7c21\u5358\u66f8\u304f\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002 \u305d\u3053\u3067\u3001\u3053\u306e\u8a18\u4e8b\u3067\u306f React\u3068Audio \u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u3092\u4f7f\u3063\u3066\u30ed\u30fc\u30ab\u30eb\u306e\u97f3\u58f0\u30d5\u30a1\u30a4\u2026"}