flvjs的使用案例

flvjs的使用案例flvjs 的使用案例 flvjs 是 web 播放 flv 视频的解决方案 想了解源代码的可以点击这里以下是 flv 的使用案例第一步 首先最好本地有一个 flv 格式的视频 如果没有 flv 格式的视频 要是有其他格式的视频 你可以使用格式工厂转换成 flv 格式的视频 如果什么都没有 那只能下载 flv 视频了 以下是一个下载方法 安装 ibilinpmiibi demo jsconst

flvjs的使用案例

  • flvjs是web播放flv视频的解决方案,想了解源代码的可以 点击这里
  • 以下是flv的使用案例
  • 第一步:首先最好本地有一个flv格式的视频,如果没有flv格式的视频,要是有其他格式的视频,你可以使用格式工厂转换成flv格式的视频,如果什么都没有,那只能下载flv视频了,以下是一个下载方法:
  • 安装 ibili

npm i ibili

// demo.js const ibili = require('ibili') ibili.downloadVideo({ 
    url:"https://www.bilibili.com/video/av?from=search&seid=" }).then(()=>{ 
    console.log("视频下载完成!") }) 
  • 这段代码可以下载 周杰伦告白气球MV 的 flv视频,运行 node demo 就可以下载了,另外对 ibili 感兴趣的可以 点击这里
  • 下载完之后可以看见,media文件夹下面有一个 -1-15.flv ,准备工作算是完成了
  • 第二步:创建一个 http服务器,内容如下:
// server.js const http = require('http') const fs = require("fs") http.createServer((__req, __res)=>{ 
    __res.setHeader("Access-Control-Allow-Origin","*") __res.setHeader("Content-Type","video/x-flv") fs.createReadStream("./media/-1-15.flv").pipe(__res) }).listen(3000,function(){ 
    console.log('server is running at http://localhost:3000') }) 
  • 运行 node server 启动http服务器
  • 第三步:创建一个 html文件,内容如下:
 
     <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <script src="./node_modules/flv.js/dist/flv.min.js"> 
     script> <title>Document 
      title>  
       head> <body> <video id="videoElement" controls style="outline: none;" > 
        video> <script> if (flvjs.isSupported()) { 
         var videoElement = document.getElementById('videoElement'); var flvPlayer = flvjs.createPlayer({ 
         type: 'flv', isLive: true, url: 'http://localhost:3000', hasAudio:true, hasVideo:true, enableStashBuffer: true }); flvPlayer.attachMediaElement(videoElement); flvPlayer.load(); flvPlayer.play(); }  
         script>  
          body>  
           html> 
  • 之后使用浏览器打开 demo.html,就可以看见 flv视频成功播放了
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/230024.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月16日 下午3:18
下一篇 2026年3月16日 下午3:18


相关推荐

  • 百度文心大模型 X1.1 正式发布,该模型都有哪些性能亮点?

    百度文心大模型 X1.1 正式发布,该模型都有哪些性能亮点?

    2026年3月12日
    2
  • vs2015注册_vs2017试用期到了后怎么激活

    vs2015注册_vs2017试用期到了后怎么激活一般情况下要先安装IIS再装.NetFramework,这样可以保证.net的部分功能可以绑定到IIS,若安装顺序不对,可以后注册IIS,步骤如下:(1)在开始菜单中找到VS安装目录下的命令行提示符,以管理员身份运行。(2)输入IIS注册命令:aspnet_regiis-i

    2022年10月10日
    6
  • 深入浅出SRIOV

    深入浅出SRIOV虚拟化中的 SR IOVhttps blog 51cto com maomaostyle SRIOV 即单根虚拟化 Intel 在早期为了支持虚拟化环境 在 CPU 和 PCI 总线上提供了三层虚拟化技术 它们分别是 基于处理器的虚拟化技术 VT x 基于 PCI 总线实现的 IO 虚拟化技术 VT d 基于网络的虚拟化技术 VT c 从 SRIOV 的中文字面不难理解 它属于 VT d 技

    2026年3月20日
    2
  • int对应的jdbctype_java clob类型

    int对应的jdbctype_java clob类型在Oracle中有些字段不是必填时在用户使用的时候会出现数据null的情况。这个时候在Oracle中是无法进行插入的。JDBCTypeJavaTypeCHARStringVARCHARStringLONGVARCHARStringNUMERICjava.math.BigD…

    2022年10月20日
    7
  • 如何理解掩码、反掩码、通配符「建议收藏」

    如何理解掩码、反掩码、通配符「建议收藏」反掩码、掩码和通配符的区别一、掩码在掩码中,1表示精确匹配,0表示随机1和0,永远不交叉;1永远在左边,0永远在右边;在配置IP地址以及路由的时候,会使用掩码;二、反掩码在反掩码中,1表示随机,0表示精确匹配0和1,永远不交叉;0永远在左边,1永远在右边;在路由协议的配置中,通过network命令进行网段宣告时,会使用三、通配符在统配符中,1表示随机,0表示精确匹配0和1的位置,没有任何的固定限制可以连续,可以交叉在ACL中,使用的通配符通配符掩码表CIDR子网掩码反掩

    2022年7月19日
    18
  • Flex优秀网站欣赏

    Flex优秀网站欣赏http blog csdn net meteorlWJ archive 2008 03 13 aspx

    2026年3月17日
    1

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号