流形填表 2023-12-09 19:03 采纳率: 0%
浏览 2

浏览器页面中存在动态添加的音频文件，点击播放却显示都播放的始终是第一个文件路径怎么处理

浏览器页面中存在动态添加的音频文件，点击播放却显示都播放的始终是第一个文件路径怎么处理？
打印的路径都是对的
但播放出来就是不对

  • 写回答

2条回答 默认 最新

  • ChatGPTᴼᴾᴱᴺᴬᴵ 2023-12-09 19:24
    关注

    所有内容均由人工智能模型输出，其内容的准确性和完整性无法保证，不代表我的态度或观点。
    （讯飞星火专栏，V3.0版本，2023.10.24）

    该回答引用讯飞星火认知大模型，仅提供参考，不保证完全正确
    这个问题可能是由于在动态添加音频文件时，播放器没有正确地更新音频文件的路径。你可以尝试以下方法解决这个问题：

    1. 在添加音频文件时，确保为每个音频元素分配一个唯一的ID。
    2. 使用JavaScript为每个音频元素设置src属性，使其指向正确的音频文件路径。
    3. 在设置src属性后，调用load()方法加载音频文件。
    4. 调用play()方法播放音频文件。

    以下是一个示例代码：

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>动态添加音频文件</title>
</head>
<body>
    <button onclick="addAudio()">添加音频</button>
    <div id="audioContainer"></div>
    <script>
        function addAudio() {
            var audioContainer = document.getElementById("audioContainer");
            var audio = document.createElement("audio");
            audio.id = "audio_" + audioContainer.childElementCount; // 为每个音频元素分配一个唯一的ID
            audio.src = "path/to/your/audio/file"; // 设置音频文件路径
            audio.load(); // 加载音频文件
            audioContainer.appendChild(audio); // 将音频元素添加到容器中
            audio.play(); // 播放音频文件
        }
    </script>
</body>
</html>

    请将上述代码中的path/to/your/audio/file替换为实际的音频文件路径。点击“添加音频”按钮后，将在页面上动态添加一个新的音频元素，并播放对应的音频文件。

    评论

报告相同问题？

问题事件

  • 创建了问题 12月9日

悬赏问题

  • ¥30 STM32 INMP441无法读取数据
  • ¥100 求汇川机器人IRCB300控制器和示教器同版本升级固件文件升级包
  • ¥15 用visualstudio2022创建vue项目后无法启动
  • ¥15 x趋于0时tanx-sinx极限可以拆开算吗
  • ¥500 把面具戴到人脸上，请大家贡献智慧
  • ¥15 任意一个散点图自己下载其js脚本文件并做成独立的案例页面，不要作在线的，要离线状态。
  • ¥15 各位 帮我看看如何写代码，打出来的图形要和如下图呈现的一样，急
  • ¥30 c#打开word开启修订并实时显示批注
  • ¥15 如何解决ldsc的这条报错/index error
  • ¥15 VS2022+WDK驱动开发环境