springboot +uni-app 语音图片小视频

本文介绍了如何使用SpringBoot作为后端,结合Uni-App进行前端开发,实现语音、图片和小视频的功能。后端利用go-fastdfs存储资源文件,通过H5页面直接播放gofastDFS中的文件。在 Uni-App App端,由于无法直接播放网络音频,需要JavaWeb返回音频流并处理消息头以确保兼容性。
摘要由CSDN通过智能技术生成

技术框架

  • spring-boot
  • uni-app
  • go-fastdfs 存放资源文件。

第一版,后端测试

直接在h5页面用gofastDFs的文件就行了。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
       <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
        <script type="text/javascript">
        $(document).ready(function(){
              $('#audio').attr("src","http://47.94.*.*:8079/group1/default/20191030/10/19/7/MTEyNzQ3ODQ=_bmltYV82NjU3Mzg5OTgwXzE1NTEwODY1MjMwMzVfMTA2YTNiZmYtYzY2Zi00ZTlhLTg2OGItMzgzYmZjZjI5ODlj");
        });
        </script>
    </head>
    <body>
        <audio src="" controls="controls" preload id="audio"></audio>
    </body>
<
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值