Html 实现amr文件播放

最新推荐文章于 2021-06-20 00:04:58 发布

觉醒De小猿

最新推荐文章于 2021-06-20 00:04:58 发布

阅读量1.3k

点赞数

分类专栏： java 文章标签： html javascript

本文链接：https://blog.csdn.net/zhangxl4479/article/details/117671975

版权

java 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

主要实现方式：

1.将amr文件转化成base64字符串

2.用js转换成音频播放

js文件下载链接: https://pan.baidu.com/s/1kWsLOc3 密码: 2ca5

链接: https://pan.baidu.com/s/1smk2fdN 密码: qcbw

https://blog.csdn.net/hanglove_lucky/article/details/79106314

服务端：将网络文件转为 base64格式

public void fileToBase64(){
   String urlStr = getPara("url");

   URL url = null;
   try {
      url = new URL(urlStr);
      HttpURLConnection conn = (HttpURLConnection)url.openConnection();
      //设置超时间为3秒
      conn.setConnectTimeout(3*1000);
      //防止屏蔽程序抓取而返回403错误
      conn.setRequestProperty("User-Agent", "Mozilla/4.0 (compatible; MSIE 5.0; Windows NT; DigExt)");

      //得到输入流
      InputStream inputStream = conn.getInputStream();
      byte[] buffer = new byte[1024];
      int len = 0;
      ByteArrayOutputStream bos = new ByteArrayOutputStream();
      while((len = inputStream.read(buffer)) != -1) {
         bos.write(buffer, 0, len);
      }
      String text =  Base64.encode(bos.toByteArray());
      bos.close();
      System.out.println(text);
      renderText(text);
      return;
   } catch (MalformedURLException e) {
      e.printStackTrace();
   } catch (IOException e) {
      e.printStackTrace();
   }

   renderText("");
}

前端页面：

<!DOCTYPE HTML>
<html>
<head>
<script src="audio.min.js"></script>
</head>
<script src="voice-2.0.js"></script>

<script>

audiojs.events.ready(function() {
var as = audiojs.createAll();
});
</script>
<body>

<input type="button" value="play" id="playId"/>
<input type="button" value="stop" id="stopId"/>

</body>
<script type="text/javascript">
RongIMLib.RongIMVoice.init();
document.getElementById("playId").onclick = function(){
$.ajax({ url: "fileToBase64", data: { url:url }, cache: false, dataType: "text", success: function(_data) { if(_data != ""){ RongIMLib.RongIMVoice.play(_data); } }, error:function (xhr){ } });
};
document.getElementById("stopId").onclick = function(){
RongIMLib.RongIMVoice.stop();
};
</script>
</html>

觉醒De小猿

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
Html 实现amr文件播放

主要实现方式：1.将amr文件转化成base64字符串2.用js转换成音频播放https://blog.csdn.net/hanglove_lucky/article/details/79106314
复制链接

扫一扫