时间戳

首页 > 解决方案 > 如何在音频上添加随机 src

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

问题描述

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

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

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

标签： javascriptjqueryhtmlaudio

解决方案

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

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

推荐阅读