Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/redis/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 带有播放列表的HTML和JS播放器只能播放一首音乐_Javascript_Html - Fatal编程技术网

Javascript 带有播放列表的HTML和JS播放器只能播放一首音乐

Javascript 带有播放列表的HTML和JS播放器只能播放一首音乐,javascript,html,Javascript,Html,这是我第一次来这里。:) 我在我的客户网站上有一个带有HTML5 e JS播放列表的音乐播放器 它可以与阵列一起工作,但在循环中只能播放和重复一次音乐。其他的音乐不播放 守则: JavaScript unu_music = { // music play m_play: function () { $('.btn-play').click(function () { $('.btn-play').hide(); $(

这是我第一次来这里。:)

我在我的客户网站上有一个带有HTML5 e JS播放列表的音乐播放器

它可以与阵列一起工作,但在循环中只能播放和重复一次音乐。其他的音乐不播放

守则:

JavaScript

unu_music = {
    // music play
    m_play: function () {
        $('.btn-play').click(function () {
            $('.btn-play').hide();
            $('.btn-pause').show();
            $("#music")[0].play();
        });
    },
    // music pause
    m_pause: function () {
        $('.btn-pause').click(function () {
            $('.btn-pause').hide();
            $('.btn-play').show();
            $("#music")[0].pause();
        });
    },
    // music stop
    m_stop: function () {
        $('.btn-stop').click(function () {
            // action stop
            $("#music")[0].pause();
            $("#music")[0].currentTime = 0;
            // button play show
            $('.btn-pause').hide();
            $('.btn-play').show();
            // button sound show
            $('.btn-sound-mute').hide();
            $('.btn-sound').show();
            $("#music")[0].volume += 1;
        });
    },
    // music sound
    m_sound: function () {
        $('.btn-sound-mute').click(function () {
            $('.btn-sound-mute').hide();
            $('.btn-sound').show();
            $("#music")[0].volume += 1;
        });
    },
    // music mute
    m_mute: function () {
        $('.btn-sound').click(function () {
            $('.btn-sound').hide();
            $('.btn-sound-mute').show();
            $("#music")[0].volume -= 1;
        });
    },
    // playlist
    m_playlist: function () {
        var arr, aux = 1, mls = [],
            unuPlayList = [
                {
                    mp3: '../music/music-01.mp3',
                    ogg: '../music/music-01.ogg',
                    duration: '2:52'
                },
                {
                    mp3: '../music/music-02.mp3',
                    ogg: '../music/music-02.ogg',
                    duration: '4:05'
                },
                {
                    mp3: '../music/music-03.mp3',
                    ogg: '../music/music-03.ogg',
                    duration: '4:58'
                }
            ];

        $('audio').html('<source src=' + unuPlayList[aux].ogg + ' type="audio/ogg">');

        for (var i = 0; i < unuPlayList.length; i++) {
            arr = unuPlayList[i].duration.split(':');
            mls[i] = ((((arr[0] * 60) * 1000) + (arr[1] * 1000)) - 70000);
        }

        setInterval(function () {
            if (aux != -1) {
                $('audio').html('<source src=' + unuPlayList[aux].ogg + ' type="audio/ogg">');
                aux++;
            }

            if (aux == unuPlayList.length)
                aux = 0;

        }, mls[aux]);
    }
};
unu音乐={
//音乐剧
m_play:函数(){
$('.btn play')。单击(函数(){
$('.btn play').hide();
$('.btn pause').show();
$(“#音乐”)[0]。播放();
});
},
//音乐停顿
m_pause:函数(){
$('.btn pause')。单击(函数(){
$('.btn pause').hide();
$('.btn play').show();
$(“#音乐”)[0]。暂停();
});
},
//音乐停止
m_停止:函数(){
$('.btn-stop')。单击(函数(){
//动作停止
$(“#音乐”)[0]。暂停();
$(“#音乐”)[0].currentTime=0;
//按钮播放节目
$('.btn pause').hide();
$('.btn play').show();
//按钮声音显示
$('.btn声音静音').hide();
$('.btn sound').show();
$(“#音乐”)[0]。音量+=1;
});
},
//音乐声
m_声音:功能(){
$('.btn声音静音')。单击(函数(){
$('.btn声音静音').hide();
$('.btn sound').show();
$(“#音乐”)[0]。音量+=1;
});
},
//音乐静音
m_mute:函数(){
$('.btn声音')。单击(函数(){
$('.btn sound').hide();
$('.btn声音静音').show();
$(“#音乐”)[0]。音量-=1;
});
},
//播放列表
m_播放列表:函数(){
var arr,aux=1,mls=[],
播放列表=[
{
mp3:“../music/music-01.mp3”,
ogg:“../music/music-01.ogg”,
持续时间:“2:52”
},
{
mp3:“../music/music-02.mp3”,
ogg:“../music/music-02.ogg”,
持续时间:“4:05”
},
{
mp3:“../music/music-03.mp3”,
ogg:“../music/music-03.ogg”,
持续时间:“4:58”
}
];
$('audio').html(“”);
对于(变量i=0;i
HTML


如何解决此错误


提前感谢。

您可以使用如下插件:
这里有一个pod零食的链接

你的音乐播放器插件名是什么?这可能对你有用you@RassolGhafari,这不是一个插件。
 <audio id="music" autoplay loop>

    </audio>