HTML audio 播放Base64音频流

本文介绍了如何使用PHP将音频文件转换为Base64编码的音频流,并在HTML5中通过audio标签实现Base64音频流的播放。示例代码展示了从文件读取音频,Base64解码并直接输出,以及前端如何获取接口数据并设置audio元素的src属性来播放音频。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  • 后端把音频文件转为Base64音频流

<?php 
header( "Content-type: audio/mp3"); 
$file='audio.mp3'; 
$content=file_get_contents($file); 
echo base64_decode($content);//输出流
  • HTML audio 播放Base64音频流

页面元素:

<audio  controls="controls" autoplay />

请求接口拿数据,并刷新控件,播放音频:

ceshi({}).then(res=>{
        document.getElementsByTagName("audio")[0].setAttribute("src", "data:audio/mp3;base64,"+res);
      })

参考:

  1. HTML audio 播放Base64音频流
  2. php Base64编码文件二进制流主要使用
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值