Как воспроизвести mp3-файл в html из папки stati c?

Question

Я пытаюсь преобразовать текст в аудио, используя python. Я сохранил преобразованный аудиофайл в папке stati c. Я попытался воспроизвести аудиофайл, используя приведенный ниже код html.

{%extends "main.html" %}
{% block file %}
     <p>{{data}}</p>
     <audio id="myAudio">

        <source src="C:\Users\kousik\Desktop\static\uploads\welcome.mp3" type="audio/mpeg">
        Your browser does not support the audio tag.
     </audio>
     <button onclick="playAudio()" type="button">Play Audio</button>
     <script type="text/javascript">
        var x = document.getElementById("myAudio"); 

function playAudio() { 
  x.play(); 
} 
     </script>
{% endblock %}

Я пытаюсь играть, но получаю ошибку

Not allowed to load local resource: file:///C:/Users/kousik/Desktop/static/uploads/welcome.mp3

Answer 1

сначала поместите свой mp3-файл в папку проекта

и попробуйте использовать его более гибко, чтобы каждый мог получить доступ, когда он находится на живом сервере, например

, также измените это "\" в "/"

например: считайте, что ваше местоположение файла это

myproject-> myfiles-> welcome.mp3

что вам нужно сделать, это

         <source src="/myfiles/welcome.mp3" 
         type="audio/mpeg">

поэтому, когда вы помещаете свой проект в любой локальный хост, при производственном процессе он будет работать