如何在音频上添加随机 src

Posted 2023-02-25

【中文标题】如何在音频上添加随机 src

【英文标题】：How to add random src on audio

【发布时间】：2019-08-01 11:04:46

【问题描述】：

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

<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>

这不起作用，我需要更改什么才能使其正常工作？

【问题讨论】：

不能这样写JS代码，可以添加自定义

【参考方案1】：

html 中的 src 属性不处理 javascript。您需要找到 source 标记，例如使用 JQuery 来更改 src 属性。

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