前端获取视频流并播放
2017-09-05
前端获取视频流并播放
- JavaScript
html5出来后,前端播放视频瞬间变得方便容易多了,一个<video>
标签就可以搞定,只要给src属性正确的文件路径即可。
<video src="data:images/xxx.mov" width="300px" heigth="300px" controls="controls" autoplay></video>
但是当视频在服务器中时,就需要从后台向前台传输视频流才可以播放。
JAVA
@RequestMapping(value ="/getFileSrc" ,method = RequestMethod.GET)
@ResponseBody
public void getFileSrc(HttpServletRequest request ,HttpServletResponse response,@RequestParam(value="path") String path) throws IOException{File file = new File(path);FileInputStream input = new FileInputStream(file);int i = input.available();byte[] bytes = new byte[i];input.read(bytes);response.setContentType("application/video");OutputStream output = response.getOutputStream();output.write(bytes);output.flush();output.close();input.close();
}
JS
var path1= "http://localhost:8080/HBDK/rest/resource/getFileSrc?path="+path;<!--弹出框中播放-->
back.view.popup.open({title: "视屏播放",content:'<video src='+path1+' width="300px" heigth="300px" controls="controls" autoplay></video>',location: point // Set the location of the popup to the clicked location});
本文标题:前端获取视频流并播放
文章作者:chen
发布时间:2017-09-05, 14:32:49
最后更新:2017-09-05, 14:45:29
原始链接:http://chen1218chen.github.io/2017/09/05/前端获取视频流并播放/
许可协议: “署名-非商用-相同方式共享 4.0” 转载请保留原文链接及作者。
js中引用jsp的变量
input框按Enter键刷新问题
→
前端获取视频流并播放相关推荐
- 流媒体服务器EasyNVR怎样获取视频流的播放地址?
很多用户要求在视频直播的过程中,直播画面或者链接是可以进行分享的,以便更多的人能够看到,这一项要求被运用在很多监管平台当中. 在我们的流媒体服务器EasyNVR中可以通过多种方式获得播放地址,本文就为 ...
- java读取视频_【转载】Java 后端读取视频文件获取视频流后 前端进行播放/下载...
/** * 获取视频流 * @param response * @param videoId 视频存放信息索引 * @return * @author xWang * @Date 2020-05-20 ...
- H.265网页播放器EasyPlayer获取视频流正常,但是播放出现黑屏是什么原因?
EasyPlayer是可支持H.264/H.265视频播放的流媒体播放器,性能稳定.播放流畅,可支持的视频流格式有RTSP.RTMP.HLS.FLV.WebRTC等,具备较高的可用性.为了满足用户在不 ...
- java 人脸识别jar包_java版天网人脸识别系统,获取视频流人脸识识别推送服务器展示...
java版天网人脸识别系统,获取视频流 进行人脸识别后推送到流媒体服务器实时展示 获取视频流 进行人脸识别后推送到red5服务器(人脸识别技术由虹软®提供) 整个系统共有两个项目组成 red5_hls ...
- 纯前端语言编写音乐播放器
纯前端语言编写音乐播放器 html代码 index.html <!DOCTYPE html> <html lang="en"><head>< ...
- 魔方APP项目-07-客户端提交登录信息、在APICloud中集成防水墙验证码,前端获取显示并校验验证码、服务端校验验证码、保存用户登录状态,APICloud提供的数据存储、客户端保存用户登陆数据
用户登录 一.客户端提交登录信息 html/login.html,代码: <!DOCTYPE html> <html> <head><title>登录& ...
- b站看那个的python_用Python获取B站播放历史记录 !男友居然天天背着我看这些!...
今天Geek专栏为大家带来 乐聚机器人王松博士的 "用Python获取B站播放历史记录" 最近 B 站出了一个年度报告,统计用户一年当中在 B 站上观看视频的总时长和总个数.过去一 ...
- FFmpeg中一个线程获取视频流一个线程执行scale测试代码
在https://blog.csdn.net/fengbingchun/article/details/94712986 中介绍过如果usb视频流编码类型为rawvideo则无需进行解码,可直接通过a ...
- Atitit onvif协议获取rtsp地址播放java语言 attilx总结
Atitit onvif协议获取rtsp地址播放java语言 attilx总结 1.1. 获取rtsp地址的算法与流程1 1.2. Onvif摄像头的发现,ws的发现机制,使用xcf类库1 2. 调用 ...
最新文章
- 电子界卡组构建2019_2018–2019年构建现代Android应用程序的路线图
- B. super_log(2019ICPC区域网络赛南京站)
- 《Adobe Illustrator CC 2014中文版经典教程(彩色版)》目录—导读
- linux的基础知识——TCP握手
- JSP标记之指令标记介绍
- Eudemon 防火墙基本配置
- 小米MIX 4要来了?这硬件“堆”的也是没谁了 全是最新技术
- Node.js:Node核心模块
- 内容管理项目小结 成功案例-公司官网,游戏官网
- PHP使用Apache中的ab测试网站的压力性能及mpm介绍
- arcmap创建空间索引_ArcGIS ArcMap编辑教程-创建新的点要素
- 键盘精灵 android,「安卓按键精灵」使用按键发送邮件
- WP插件采集伪原创发布WordPress中英通用
- Echarts5.3.0-南丁格尔玫瑰图之半圆
- 字写的不好没关系,还好我会python,轻轻一点就生成了艺术签名
- 搜狗输入法用户id非法,表情包无法搜到图片,显示异常.......
- 不要虚掷你的黄金时代,不要去倾听枯燥乏味的东西,不要设法挽留无望的失败,不要把你的生命献给无知、平庸和低俗。
- 【单片机笔记】运放电流检测实用电路
- H.266/VVC相关技术学习笔记21:帧间预测中五种Merge模式的熵编码方式
- 英飞凌微控制器,驱动物联网的关键“大脑”
热门文章
- python中异或运算_Tensorflow轻松实现XOR运算的方式
- OpenCV与VS2017的安装与环境配置
- 2022年血糖仪行业现状
- html 按键检测,js如何检测键盘按键的ascii码?
- 开源OA系统门户:企业信息互通,集成办公
- 链式前向星——最完美图解
- “隐私至上” Brave浏览器退出测试版
- YouTube-8M: A Large-Scale Video Classification Benchmark简介
- Java的八种基本数据类型及其大小:
- 醉逍遥显示无法更新服务器,《醉逍遥》新服今日开启 全新内容重磅呈现