如何使用Django构建一个简单的音乐播放器网页？

我想创建一个网页，管理员可以从后端添加音乐，用户可以播放歌曲，并使用Django添加到收藏夹

我为管理员创建了一个添加歌曲的模型：

型号.py

class Song(models.Model):
    album = models.ForeignKey(Album, on_delete=models.CASCADE)
    song_title = models.CharField(max_length=250)
    audio_file = models.FileField(default='')

    def __str__(self):
        return self.song_title

---

现在我想创建一个用户可以播放音乐的视图，Django无法帮助您构建“音乐播放器”。它将帮助您为web创建播放器（或者其他）。Django可以帮助您存储音频并发送播放（我在这里没有使用正确的单词）

您可以将音频文件存储在服务器中，并将其路径存储在数据库（模型）中，然后视图可以返回带有音频URL的HTML模板以供播放。这是刚刚开始的一个非常基本的方法

---

您可以从管理员处添加一个文件，然后视图将获取其URL，然后将其发送到模板进行播放。

您的问题非常广泛，因此会出现否决票。无论如何，我会帮助我所做的一切。如果您正在寻找一款简单的音乐播放器，html音频标签将对您有所帮助。 作为参考，这是django模板中的一个小片段：

playlist_data.html：

                            {% for song in song_list %}
                            <tr>
                                <td>{{ song.song_title }}</td>
                                <td>{{ song.album.artist }}</td>
                                <td>
                                    <audio controls="controls">
                                        <source src="{{ song.audio_file.url }}" type="audio/ogg" />
                                        <source src="{{ song.audio_file.url }}" type="audio/mpeg" />
                                        <source src="{{ song.audio_file.url }}" type="audio/wav" />
                                      Your browser does not support the audio element.
                                      </audio>
                                </td>
                                <td>
                                    <a href="{% url 'music:detail' song.album.id %}">
                                        <img src="{{ song.album.album_logo.url }}" class="img-responsive" style="width: 20px; float: left; margin-right: 10px;" />
                                    </a>
                                    <a href="{% url 'music:detail' song.album.id %}">{{ song.album.album_title }}</a>
                                </td>
                                <td>
                                    <a href="{% url 'music:favorite' song.id %}" class="btn-favorite"><span class="glyphicon glyphicon-star {% if song.is_favorite %}active{% endif %}"></span></a>
                                </td>
                                <td>

                                </td>
                            </tr>
                            {% endfor %}

{歌曲列表%中歌曲的%
{{song.song_title}
{{song.album.artist}
{%endfor%}

---

如果您需要帮助，请告诉我。

到目前为止您尝试了什么？给我们看一些代码。谢谢你，兄弟。我真的很感激。让我试试这个标签让我的工作准备好了…是的，我也想分享同样的东西，先生。我真的很感激你的回答。我想和你说的一样做，但我想从数据库中取出音乐文件，在我的浏览器上播放。。