成都网站建设设计

将想法与焦点和您一起共享

html5如何实现推流

这篇“html5如何实现推流”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“html5如何实现推流”文章吧。

公司主营业务:网站建设、成都网站建设、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。成都创新互联是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。成都创新互联推出诏安免费做网站回馈大家。

html5实现推流的方法:1、通过“npm insatll node-media-server --save”安装“node-media-server”;2、初始化“new nodeMediaServer(config)”;3、执行“node app.js”;4、在HTML5端使用“if(flvjs.isSupported()) {...}”方法即可。

Node + OBS + HTML5 实现推流直播

Node端:

1.安装node-media-server

npm insatll node-media-server --save

2.初始化

const nodeMediaServer = require("node-media-server")
const config = {
    rtmp: {
        port: 1935,
        chunk_size: 60000,
        gop_cache: true,
        ping: 60,
        ping_timeout: 30
    },
    http: {
        port: 8000,
        allow_origin: '*'
    }
}
var nms = new nodeMediaServer(config)
nms.run();

3.运行

node app.js

OBS:

html5如何实现推流

HTML5端:




    
    直播


    
    
    

以上就是关于“html5如何实现推流”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注创新互联行业资讯频道。


文章标题:html5如何实现推流
文章源于:http://chengdu.cdxwcx.cn/article/peihsg.html