JavaScriptで、HTMLファイルに音声データを埋め込み、HTML Audioで再生できますか？

Question

以下の条件を満たすことは可能でしょうか？
[1]HTMLファイルに音声データをJavaScriptで直接書く
[2][1]のデータを参照してHTML Audioで音声を再生する

function audio1(){
  let bf = new ArrayBuffer(448);
  let dv = new DataView(bf);
  // 音声データを書く
  let blob = new Blob([bf], {type: "audio/wav"}),
  bloburl = window.URL.createObjectURL(blob);
  return bloburl;
};
let url=audio1();
let audio2=new Audio();
audio2.src = "url";
audio2.loop = true;

よろしくお願いします

Comments

[miyabi_pudding]

> [1]HTMLファイルに音声データをJavaScriptで直接書く

これがわかりません。
ようは、JavaScriptにて、仮想音楽ファイル（blob URL）を生成し、
audio要素にて再生する、ということですか？
また、エラー文を翻訳はしましたか？

[707]

わかりにくい質問の書き方をしてしまい申し訳ございません。おっしゃる通り、Blob URLをHTML Audioのsrcにしたい、という意図でございました。エラー文も翻訳いたしました。以下の通りでした。

Uncaught（in promise）DOMException：src属性または割り当てられたメディアプロバイダーオブジェクトによって示されるメディアリソースが適切ではありませんでした。Google翻訳より

どうすれば適切なメディアリソースをsrc属性に割り当てられるか、が課題でした。

Answer 1

端に、urlという文字列の指定になっているだけだからかと。
せっかく生成した、blob urlの、url変数を使用していません。
下記で解決するかと。

square_wav.src = url;

それでもダメならコメント下さい。

Comments

[707]

ありがとうございます！
お陰様でここしばらくの悩みがすべて解決しました。
まさか文字列urlをそのまま代入していたとは、今後の教訓とします。
とても助かりました。感謝いたします。

Answer 2

音について詳しくはないですが、以下のところが文字列になっているので修正すると「Square wave」ボタンが鳴りました。

//square_wav.src = "url";

square_wav.src = url;

Comments

[707]

ありがとうございます。わざわざ動作確認までしてくださったのですね。
感謝しかございません。最初はgas.engine様のこの回答にベストアンサーになっていただこうと思っていましたが、すべての回答を拝見させいただき、ほんの2分差とはいえ、同様の解決方法を提示して下さったmiyabi_takatsuk様を選ばせていただきました。申し訳ございません。
お手数をおかけいたしました。ありがとうございます！