HTMLへ音声ファイルを埋め込む方法

Question

前提・実現したいこと

HTMLへ音声ファイルを埋め込む方法。

発生している問題・エラーメッセージ

HTMLで音声ファイルを埋め込もうとしています。audioタグを使った結果、
エクスプローラーから該当のhtmlファイルにアクセスするとうまく再生できるのですが、
live serverでは再生ボタンは表示されるもののクリックできません。
live serverでも再生できるようにするにはどうすればよいでしょうか？
よろしくお願いします。

該当のソースコード

HTML

<audio src="C:\Users\snlpejpn\OneDrive\デスクトップ\FinalProject\soundfiles\sample1.wav" controls></audio>

試したこと

音声ファイルをmp3へと変換してやってみましたが、変わりませんでした。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

「埋め込む」というのは外部の音声ファイルを参照するわけではなく、HTML単体で音声が再生できるということでしょうか？
それならDataURLに変換してsrcに指定すればできます。
src="data:audio/..." のようになります。

以下のようなサイトで変換可能です。
http://www.ankohouse.com/blog/BinDataURL.html

ただし、バイナリを文字列に変換する都合上データ量は増えます。