Vue.js中,audio不显示时长

获取的音频文件没有时间,当点击播放的那个三角按钮才会显示,解决如下:

           <audio
              v-if="scope.row.Recording"
              class="recording-audio"
              :src="scope.row.Recording"
              type="audio/wav"
              controls
              preload="meta" //看这个属性是否设置为none
            >
              您的浏览器不支持 audio 元素。
            </audio>

一般情况下音频的时长是自动会获取的,不需要额外去计算。

audio的属性和方法有很多的,如果不能帮助到您可以参考文档:HTML DOM Audio 对象 | 菜鸟教程

这里针对这个问题重点说一下preload属性的三个值,希望对您有所帮助

描述
auto指示一旦页面加载,则开始加载音频。
metadata指示当页面加载后仅加载音频的元数据。
none指示页面加载后不应加载音频。

版权声明:本文为h18749849699原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。