javascript - 如何在音频上添加随机 src

Question

我有像这样的简单音频作为背景

<audio id="audioplayer" playsinline="" controls="" muted="" loop="" autoplay="" hidden="">
            <source src="audio/muzyka_meed_loop.mp3" type="audio/mpeg">
            Your browser does not support the audio element.
  </audio> 

我希望每次重新加载页面时它都应该像这样生成一个新的随机数。

<audio id="audioplayer" playsinline="" controls="" muted="" loop="" autoplay="" hidden="">
            <source src="audio/muzyka_meed_loop.mp3?rand=0.8514959603294041" type="audio/mpeg">
            Your browser does not support the audio element.
        </audio>

我试过像这样添加随机数学

<audio id="audioplayer" playsinline controls muted loop autoplay hidden>
            <source src="audio/muzyka_meed_loop.mp3?rand= + Math.random()"  type="audio/mpeg">
            Your browser does not support the audio element.
        </audio>

这不起作用，我需要更改什么才能让它起作用？

Answer 1

HTML 中的 src 属性不处理 JavaScript。您需要找到 source 标记，例如使用 JQuery 以这种方式更改 src 属性。

$('#audioplayer source').each(function() {
    $(this).attr('src', 'audio/muzyka_meed_loop.mp3?rand=' + Math.random());
});