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、后台代码：

@Controller

@RequestMapping("/Test")

public class TestController {

	/**

	 * 视频跳转

	 * @param id

	 * @return

	 */

	@RequestMapping("/getVideo.do")

	public ModelAndView getVideo(String id) {

		ModelAndView mav = new ModelAndView("success");

		mav.addObject("path", "/Test/Test/video.do?id="+id);

		return mav;

	}

	/**

	 * 视频流读取

	 * @param id

	 * @param response

	 * @throws Exception

	 */

	@RequestMapping("/video.do")

	public @ResponseBody void video(String id, HttpServletResponse response)throws Exception{

		File file = new File("E:/1.mp3");

		FileInputStream in = new FileInputStream(file);

		ServletOutputStream out = response.getOutputStream();

		byte[] b = null;

		while(in.available() >0) {

			if(in.available()>10240) {

				b = new byte[10240];

			}else {

				b = new byte[in.available()];

			}

			in.read(b, 0, b.length);

			out.write(b, 0, b.length);

		}

		in.close();

		out.flush();

		out.close();

	}

}

Reference:

[1] 陶国荣, HTML5实战, 机械工业出版社, 2012, 116-117

SpringMVC 字节流实现播放多媒体的更多相关文章

  1. C# Winform使用Windows Media Player播放多媒体整理

    一.简单使用示例步骤 1.添加Windows Media Player 组件当前是系统的 Com组件 工具箱>右键“选择项”>选择Com组件 2.控件拖拽到桌面,使用 private vo ...

  2. 安装 ALC 解决 centos8 不能播放多媒体的问题

    装完centos8 后,发现看不到视频,听不到音乐,连web在线听音乐也不行.通过安装ALC可以解决. 1.三步安装VLC 这是 centos8 的安装包,曾使用 8 之前的版本安装是不成功的 sud ...

  3. CPlus播放多媒体之播放声音

    1.头文件需要<mmsystem.h>,但是之前需要包含<windows.h> 2.预处理#pragma comment<lib,"winmm.h"& ...

  4. HTML添加多媒体或音乐

    1,添加多媒体 <embed src="多媒体文件地址" width="多媒体的宽度" height="多媒体的高度" autosta ...

  5. 最简单的视音频播放示例9：SDL2播放PCM

    本文记录SDL播放音频的技术.在这里使用的版本是SDL2.实际上SDL本身并不提供视音频播放的功能,它只是封装了视音频播放的底层API.在Windows平台下,SDL封装了Direct3D这类的API ...

  6. 最简单的视音频播放示例8：DirectSound播放PCM

    本文记录DirectSound播放音频的技术.DirectSound是Windows下最常见的音频播放技术.目前大部分的音频播放应用都是通过DirectSound来播放的.本文记录一个使用Direct ...

  7. 最简单的视音频播放示例7：SDL2播放RGB/YUV

    本文记录SDL播放视频的技术.在这里使用的版本是SDL2.实际上SDL本身并不提供视音频播放的功能,它只是封装了视音频播放的底层API.在Windows平台下,SDL封装了Direct3D这类的API ...

  8. 最简单的视音频播放示例6：OpenGL播放YUV420P（通过Texture，使用Shader）

    本文记录OpenGL播放视频的技术.上一篇文章中,介绍了一种简单的使用OpenGL显示视频的方式.但是那还不是OpenGL显示视频技术的精髓.和Direct3D一样,OpenGL更好的显示视频的方式也 ...

  9. 最简单的视音频播放示例5：OpenGL播放RGB/YUV

    本文记录OpenGL播放视频的技术.OpenGL是一个和Direct3D同一层面的技术.相比于Direct3D,OpenGL具有跨平台的优势.尽管在游戏领域,DirectX的影响力已渐渐超越OpenG ...

随机推荐

  1. MySQL如何定位并优化慢查询sql

    1.如何定位并优化慢查询sql a.根据慢日志定位慢查询sql SHOW VARIABLES LIKE '%query%'      查询慢日志相关信息 slow_query_log 默认是off关闭 ...

  2. JSON，全称：JavaScript Object Notation，作为一个常见的轻量级的数据交换格

    JSON,全称:JavaScript Object Notation,作为一个常见的轻量级的数据交换格式,应该在一个程序员的开发生涯中是常接触的.简洁和清晰的层次结构使得 JSON 成为理想的数据交换 ...

  3. android studio学习----创建模拟器

    建议在创建模拟器前把 SDK Manager 中的 Tools.Extras 都更新到最新. 如何弹出下面的各个图,首先直接点击  运行  然后会选择  launcher ,点击那个 ...就出来了 ...

  4. 2 Linux磁盘管理

    Linux磁盘管理:磁盘管理好坏直接关系到整个系统的性能问题常用三个命令:df.du.fdiskdf:列出文件系统的整体磁盘使用量 df 参数 目录或文件名 -a:理出所有文件系统,包括系统特有的 / ...

  5. 一个很简单的SpringCloud项目,集成Feign、Hystrix

    Feign的功能:这是个消费者,根据服务注册在Eureka的ID去找到该服务,并调用接口Hystrix的功能:熔断器,假如A服务需要调用B服务的/cities接口获取数据,那就在A服务的control ...

  6. unity 2d碰撞/ui组件碰撞

    首先,ugui的碰撞是可以用Collision2D跟Rigidbody2D实现的(就跟3D碰撞一样).之前试过不可以主要问题正在于Collision2D以及Rigidbody的设置上. 碰撞双方都添加 ...

  7. 使用 Python 生成二维码

    在“一带一路”国际合作高峰论坛举行期间, 20 国青年投票选出中国的“新四大发明”:高铁.扫码支付.共享单车和网购.其中扫码支付指手机通过扫描二维码跳转到支付页面,再进行付款.这种新的支付方式,造就二 ...

  8. C# Net 合并int集合为字符串，如：输入1,2,3,4,8 输出1~4,8

    C# Net 合并int集合为字符串,如:输入1,2,3,4,8 输出1~4,8 粘贴代码使用: /// <summary> /// 合并int集合,如1,2,3,4,8 输出1~4,8 ...

  9. Mysql高性能优化规范

    数据库命令规范 所有数据库对象名称必须使用小写字母并用下划线分割 所有数据库对象名称禁止使用mysql保留关键字(如果表名中包含关键字查询时,需要将其用单引号括起来) 数据库对象的命名要能做到见名识意 ...

  10. springboot集成spring data ElasticSearch

    ES支持SpringBoot使用类似于Spring Data Jpa的方式查询,使得查询更加方便. 1.依赖引入 compile “org.springframework.boot:spring-bo ...