在移动设备上播放带有 blob 的音频标签

Question

我制作了这个脚本：

<?php 
if(!empty($dati['audio'])) { ?>
    <span>
       <audio id="audio_player" src="data:audio/mp3;base64,<?php echo base64_encode($dati['audio']);?>"  controls="controls" autobuffer="autobuffer">
       </audio>
    </span>
<?php } ?>

它创建了一个内部带有 blob 值的音频标签..它适用于电脑上的每个浏览器，但它不适用于某些移动浏览器..我已经尝试使用外部库以不同的方式播放音频但是似乎没有人允许使用 blob 而不是文件路径。有人有想法可以帮助我解决这个问题吗？

Answer 1

将data:audio/mp3替换为data:audio/mpeg

这个link会对你有用。

如果不工作。也试试这个。

<audio id="audioFile" controls="controls" loop="loop" autoplay="autoplay" >
   <source src="filename.mp3" type="audio/mpeg" />
   <source src="filename.ogg" type="audio/ogg" />
</audio>

希望它对你有用:)

在移动设备上播放带有 blob 的音频标签

Play audio tag with blob inside on mobile

html

php

audio

blob

html5-audio