javascript - Django アプリケーションの静的 Javascript で静的 mp3 ファイルを再生するにはどうすればよいですか?

Question

私の Django アプリケーションでは、JavaScript ファイルの関数で mp3 ファイルを再生しようとしています。この JS ファイルは、Django の collectstatic コマンドによって静的に読み込まれます。この mp3 ファイルを参照する方法が見つかりませんでした。どちらもサーバー側の同じフォルダーにあります。このファイルは、他の画像やjs、cssファイルと同じようにページにアップロードされた場合にのみ参照できると考えています。このファイルをテンプレート編成の Django アプリケーションでブラウザにロードする方法はありますか?

Answer 1

次のように使用して、ファイルを HTML5 オーディオ コントロールに渡すことができるはずですstatic。

<audio>
  <source src="{% static 'file.mp3' %}" type="audio/mpeg">
</audio>

{% load staticfiles %}テンプレートの上部にあることを忘れないでください。

これらのオーディオ ファイルが頻繁に変更されるかどうかによっては、静的ファイルではなくメディア ファイルとして扱う方が適切な場合があります。違いの詳細については、静的ファイルとメディア ファイルに関するDjango のドキュメントを参照してください。