文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在点击时播放随机的音乐曲目？

问如何在点击时播放随机的音乐曲目？
EN

Stack Overflow用户

提问于 2015-10-15 21:01:22

回答 1查看 2.5K关注 0票数 5

我想创建一个网站，在那里我有一个图像，如果有人点击这个图像，一个播放列表中的随机歌曲或类似的东西应该被播放。我有一个运行代码来激活一首歌，但如果我想要多首歌，它就不再起作用了。

<html>
  <head>
    <title>title</title>
        <link type="text/css" rel="stylesheet" href="style.css"/>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script src="script.js"></script>
  </head>
  <body>
    <div id="headline">
      <h1 id="hl">Headline</h1>
      <img class="play" id="pic" src="pic.png"/>
      <img class="pause" id="pic2" src="pic.png"/>
    </div>
  </body>
 </html>

$(document).ready(function() {

    $(".pause").css ('display', 'none');

    $(".play").click (function(){
        $(".play").css ('display', 'none');
        $(".pause").css ('display', 'inline-block');
    });
    $(".pause").click (function(){
        $(".play").css ('display', 'inline-block');
        $(".pause").css ('display', 'none');
    });

    var audioElement = document.createElement('audio');
    audioElement.setAttribute('src', 'song1.mp3');
    /*var audioElement2 = document.createElement('audio');
    audioElement2.setAttribute('src', 'song2.mp3');*/

    $.get();

    audioElement.addEventListener("load", function() {
        audioElement.play();
    }, true);
    /*audioElement2.addEventListener("load", function() {
        audioElement2.play();
    }, true);*/

    var x = 1 /*Math.round(Math.random() * (2)) + 1*/;
    if (x = 1) {
        $('.play').click(function() {
        });
    /*} else {
        $('.play').click(function() {
            audioElement2.play();
        });*/
    }

    $('.pause').click(function() {
            audioElement.pause();
            audioElement2.pause();
    });
});

现在我想要一首以上的歌，而且我不想使用音乐播放器。有没有办法用HTML和jQuery来解决这个问题？

html

random

audio-player

javascript

jquery

回答 1

Stack Overflow用户

发布于 2015-10-15 21:08:20

您应该有一个表示播放列表的数组，然后从中选择一个随机元素并播放它

如下所示：

var playlist = Array("song1.mp3", "song2.mp3", "song3.mp3");
var randomSong = playlist[Math.floor(Math.random()*playlist.length)];
var audioElement = document.createElement('audio');
audioElement.setAttribute('src', randomSong);
/* ... your code continues here ... */

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/33149289

复制

相似问题

问如何在点击时播放随机的音乐曲目？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在点击时播放随机的音乐曲目？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在点击时播放随机的音乐曲目？
EN