javascript - 在 Javascript 音乐播放器播放列表中使用 PHP

标签 javascript php

我一直在研究一个非常简单的音乐播放器,要向其中添加音乐,您必须将其上传到 Dropbox,然后手动编辑播放列表所在的文件(在本例中为 index.php)。播放器然后播放链接。 但我所做的是创建一个文件,通过 mysql 将值插入到数据库中。两列:

songname, url

索引.php:

`$(document).ready(function(){

var myPlaylist = new jPlayerPlaylist({
    jPlayer: "#jquery_jplayer_N",
    cssSelectorAncestor: "#jp_container_N"
}, [
{
        title:"C O O L",
        artist:"Le Youth",
        mp3:"this is where the link must sit",
},`

我如何实现从数据库中选择名称和链接到那部分 javascript 代码的 PHP 查询?

很抱歉,如果您有一些不清楚的地方,请提出来,我会尽力把一切都弄清楚。

最佳答案

PHP 是一种服务器端语言,它会在呈现页面后死亡。所以,这里有两个不错的选择。

第一个是从数据库中获取所有链接/名称,然后将其回显到一个 JS 对象中(使用 JSON 似乎是处理转换的最简单方法),然后只需从该 JS 对象中调用您需要的链接.您可以使用 PHP 构建整个标题/艺术家/mp3 对象,然后就可以开始了。它应该看起来像这样:

var mySonglist = <?php echo json_encode($databaseData) ?>;

另一个选项需要进行 AJAX 调用以检索所选 mp3 的链接。虽然这可能看起来更接近您的要求,但由于它的速度(它会调用另一个服务器),我建议您仅在您同时拥有非常非常多的歌曲时才这样做。

因此,底线是:扩展您的 PHP 功能以从数据库中获取您需要的一切,所有数据,然后将该数据放入您将用于配置播放器的 JS 变量中。

关于javascript - 在 Javascript 音乐播放器播放列表中使用 PHP,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21479160/

相关文章:

javascript - 如何从 React 组件中获取对象

PHP脚本可以计算MySQL数据库中列的平均值

php - PHP 数组的笛卡尔积

php - 将两个数组合并或组合成单个数组

javascript - 与该页面内的 iframe 共享页面的全局 javascript 变量

javascript - Node4 使用 gulp 支持 TypeScript 到 EcmaScript2015

javascript - 从当月开始对 "month numbers"数组进行排序

javascript - 删除自动创建的多个元素上的事件监听器

javascript - 我无法在 laravel 5.2 中使用 ajax 将数据插入数据库

php - 使用多个键重新排列数组