首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

flv.js 实现播放本地视频文件的技巧

目录 问题 解决 结尾 问题 有时候某些播放器无法直接播放本地视频文件,因此需要在本地启一个 HTTP 静态服务,通过 URL 的形式实现播放目的。...比如,自己在使用 flv.js 播放本地视频文件时就遇到了这个问题。...: http://172.31.13.8:8000/qrq.out.flv 二、播放 URL 播放本地视频文件的代码如下: const video = document.getElementById...python start.py 当然,我们也可以指定端口,比如 9000 端口,命令如下: python start.py 9000 结尾 此时,启动的 HTTP 静态服务就是允许跨域的,再使用 flv.js...播放器播放刚才 URL 的视频文件,终于可以正常显示画面了,如下图所示: 好了,至此,flv.js 播放本地文件的方法就介绍完了,希望可以帮助大家。

8.3K10

js实现下载功能

/static/xxx.xlsx" download="xxx.xlsx">下载 直接点击可以下载,需要注意的是download属性,当不加download属性时,如果文件格式为txt、pdf、...jpg等浏览器支持直接打开的文件格式,那么不会下载,而是浏览器直接打开;添加download属性之后,就会下载,并且下载文件默认命名为你download属性的值。.../static/xxx.xlsx") window.open("https://download.test.com/postedit/static/xxx.xlsx") 当然,下载的资源可以是本地的,也可以是网上的...3.通过form表单提交的方式(get请求) 动态生成一个form表单,利用表单提交功能实现下载 //url 文件地址 或 接口地址 //data 请求参数:[{key:name,key1:value}...form.appendChild(input) } form.style.display = 'none'; form.method = "GET";//请求方式 form.action = 'url'; //下载文件地址

2.8K31
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    简单粗暴无需拼接下载 blob (ts)视频文件

    blob:https://*/f2880c6a-c2c5-4146-96b2-944ae555b76a 会无法下载 网上提供了很多方法:1、利用插件;2、逐个下载ts文件,然后利用视频处理工具拼接视频...今天介绍一种简单粗暴的方法: 1、点击播放视频 2、鼠标移到视频播放窗口,浏览器自带的工具会提示“下载”“弹出窗口”工具栏 3、点击“下载”,会弹出一堆ts文件的下载列表 3、复制第一个链接的地址...因为是第一个,所以start=0 4、将视频拖动到最后,像上一步一样,复制最后一个下载链接地址 这一步有可能会有问题,后边说明。 https://*/v.f240.ts?...start=0&end=312421407&type=mpegts 6、将修改后的链接复制到浏览器地址栏,或者新建下载任务,就可以下载完整视频。 搞定。...7、下载完后就可以直接播放了,现在大多数播放器都支持ts视频的播放。

    6.6K30

    js实现使用文件流下载csv文件

    现在我们开始来理解下Bolb对象及它的文件流下载应用场景。 1....理解HTML5中a标签的download属性 HTMl5中给a标签新增了一个download属性,只要我们设置该属性值,那么点击该链接时浏览器不会打开新链接,而是会直接下载文件,并且文件名就是 download...因此结合这个特点,我们就可以简单的实现文件流下载文件了,我们首先在原来的代码基础之上,再动态创建一个a链接,然后把该a标签的样式设置none, 该链接的 href属性 就是我们上面是有 window.URL.createObjectURL...(blob); 生成的url,然后我们把 a链接的download属性设置下,该属性值就是我们的下载文件的文件名。...最后触发点击功能即可下载了。

    5.7K30

    SpringBoot + Vue 前后端分离项目下载视频文件踩坑记录

    ☞ 背景   项目服务端用的是 SpringBoot + SpringCloud + SpringDataJPA,前端用的是 Vue,有一个功能需要下载从监控中截取的视频(mp4),该视频由另一程序截取好放在某一目录下...好嘛,那就解决跨域,nginx 来一波,成功弹出下载框了,看到秒下完,顿时感觉不对。一看只有几 K,不死心的点开看了下,接受了下图的嘲讽。 ?...☞ 坑三:responseType: blob   经过一番查询没找到有效解决方案,加上时间问题我决定直接在后端写个 IO 来搞定下载问题。...导出文件函数 saveAs (obj, fileName) { let ele = document.createElement('a'); ele.download = fileName || '下载...URL.revokeObjectURL() 来释放这个object URL document.body.removeChild(ele); // 兼容火狐浏览器 }, 100); },   成功弹出下载

    89420

    js使用文件流下载csv文件的实现方法

    现在我们开始来理解下Bolb对象及它的文件流下载应用场景,话不多说了,来一起看看详细的介绍吧 创建Blob对象方式如下: ```var blob = new Blob(dataArray, options...因此结合这个特点,我们就可以简单的实现文件流下载文件了,我们首先在原来的代码基础之上,再动态创建一个a链接,然后把该a标签的样式设置none, 该链接的 href属性 就是我们上面是有 window.URL.createObjectURL...(blob); 生成的url,然后我们把 a链接的download属性设置下,该属性值就是我们的下载文件的文件名。...最后触发点击功能即可下载了。...const url3 = window.URL.createObjectURL(blob); console.log(url3); var filename = '文件流下载

    5.5K10

    如何下载优酷 m3u8 格式的视频文件

    mp4 平常最熟悉的视频文件格式就是mp4了,比如这个微博视频就是mp4格式https://weibo.com/tv/v/I6NlI3XNO?...m3u8 M3U是一种播放多媒体列表的文件格式,它的设计初衷是为了播放音频文件,比如MP3,但是越来越多的软件现在用来播放视频文件列表,M3U也可以指定在线流媒体音频源。...m3u8是HTTP Live Streaming直播的索引文件,打开它时播放软件并不是播放它,而是根据它的索引找到对应的音视频文件的网络地址进行在线播放。...,复制上面的m3u8地址就能直接下载了,公众号回复 m3u8 获取软件。...有了 ffmpeg 和之前我之前说的那些工具 那些你可能不知道的视频下载奇技淫巧 ,几乎任何视频网站的视频都可以自由下载了(付费除外)。

    9.1K31
    领券