Qualtrics中HTML5音频自动播放重复播放问题求助

嘿，我来帮你搞定这个音频重复播放的麻烦！你的问题根源其实藏在这段代码里——你同时用了HTML5的<audio>标签和Flash的<embed>播放器，而且两者都开了自动播放！这就相当于同时开了两个播放器播同一个音频，不叠加重复才怪呢😅

具体怎么修复？看这几步： #

1. 删掉冗余的Flash播放器代码 #

现在主流浏览器全支持HTML5 audio了，Flash早就该退休啦！把代码简化成纯HTML5音频标签就行，这是解决重复播放最直接的办法：

<audio class="qmedia" controls="true" height="40" preload="auto" width="320" autoplay>
  <source src="https://utk.co1.qualtrics.com/CP/File.php?F=F_9S61rh9MT5n55xH" type="audio/mp3" />
</audio>

顺便提一句：HTML5里autoplay属性不用写autoplay="autoplay"，直接写autoplay就够了，更规范～

2. 用Qualtrics JS控制播放更靠谱 #

Qualtrics自己的页面渲染机制有时候会对媒体元素搞点“小动作”，自动触发多次播放事件。不如把autoplay属性去掉，改用JavaScript手动触发播放，这样更可控：
在问卷问题的「JavaScript」编辑区加这段代码：

Qualtrics.SurveyEngine.addOnload(function() {
  var audio = document.querySelector('.qmedia');
  if (audio) {
    // 等音频加载完再播放，避免卡顿或重复触发
    audio.addEventListener('loadeddata', function() {
      audio.play().catch(function(err) {
        console.log('播放失败啦:', err);
      });
    });
  }
});

而且现在很多浏览器要求用户和页面有交互才能自动播放音频，用JS触发还能绕过一些限制，同时捕获播放失败的情况，方便排查问题。

3. 留意浏览器的自动播放限制 #

别忽略浏览器的规则！Chrome、Firefox这些现在对自动播放管得很严，如果用户刚打开问卷还没点过任何地方，直接自动播放音频可能会被阻止，而Qualtrics内部可能会重试播放，这也会导致重复。上面的JS写法就能帮你避开这个坑。

最后再检查俩小事： #

• 确认你的音频链接是有效的，直接复制到浏览器地址栏打开试试，能正常播放就没问题。
• 多在几个浏览器里测试下，确保兼容性。

内容的提问来源于stack exchange，提问作者Bernie Issa