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

最新推荐文章于 2024-07-31 16:01:25 发布

一只努力学飞的鱼

最新推荐文章于 2024-07-31 16:01:25 发布

阅读量801

点赞数

分类专栏： # 力盟亚任职 # uni-app # spring家族文章标签： springboot uni-app

本文链接：https://blog.csdn.net/qq_41720208/article/details/102819745

版权

本文介绍了如何使用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>
<