SpringMVC 字节流实现播放多媒体

最新推荐文章于 2025-07-04 09:52:46 发布

ryelqy

最新推荐文章于 2025-07-04 09:52:46 发布

阅读量1.2w

点赞数 1

CC 4.0 BY-SA版权

分类专栏： HTML5 SpringMVC

本文链接：https://blog.youkuaiyun.com/ryelqy/article/details/75675547

本文介绍了如何在项目中实现在线预览和播放多媒体文件，如MP3、图片和MP4。通过存储文件路径在数据库，后台动态读取并返回流，前端利用HTML5进行播放。重点在于后台的流处理和前端的HTML5实现。

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

1、前言

在项目中，我们会遇到在线预览，播放MP3、图片、MP4等。用户上传文件后，将路径存储在数据库中，我们可动态读取数据库的数据，然后通过返回文件路径的字符串，在src中发送请求。当然这需要带参数。后台返回流。

2、前台代码：

<script type="text/javascript">
	function getVideo(id){
		window.location.href="${pageContext.request.contextPath }/Test/getVideo.do?id="+id;
	}
</script>
</head>
<body>
<h3>${message }</h3>
<h1>Hello !!!</h1>
<button id="btn" onclick="getVideo('ea48576f30be1669971699c09ad05c94');">播放</button>
<%-- <video id="video" >
	<source src="${path }">
</video> --%>
<audio id="mp3" src="${path }" autoplay="true" controls="true">
</audio>
</body>

3、后台代码：