web个人直播页面(支持rtmp,html）

最新推荐文章于 2022-02-25 11:31:34 发布

balck_one

最新推荐文章于 2022-02-25 11:31:34 发布

阅读量5.8k

点赞数 7

文章标签： css javascript html5 html jquery

本文链接：https://blog.csdn.net/weixin_44561526/article/details/108745894

版权

本文介绍了如何搭建一个支持rtmp和html5的个人直播页面。通过使用Linux服务器、推流软件如OBS以及第三方媒体服务器，实现了直播功能。拉流端通过HTML实现，需要注意rtmp流对Flash和手机的支持问题，以及Chrome浏览器对html流的限制。同时，服务器的安全组配置和端口开放也是关键步骤。

摘要由CSDN通过智能技术生成

前言:
写这个东西的主要原因还是未满18.不能直播。

实现:
liunx服务器一台;(我是阿里云)
域名(可备案或无备案换个端口就行)；
推流端(obs等软件都可以）
媒体服务器(用大佬写的)
拉流端(html实现)

个人理解:
看别人的写的文章太复杂了，简单的理解为推流是输入，媒体服务器是处理数据转换数据，拉流就是输出了。在思考大部分问题解决思路都必须是清晰的。

拉流端
obs直接获取推流：rtmp://ip:1935/live;
其他推流软件类似。

媒体服务器
大佬文章

拉流端代码
把ip换成自己服务器ip就ok了,服务器必须绑定域名.（否则无法访问网页观看)

<!DOCTYPE html>
<html leng="en">
<head>
    <meta charset="UTF-8">
    <title>个人网站</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=0,minimal-ui">
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
    <link rel="stylesheet" type="text/css" href="./css/wap.css">  
    <link href="https://cdn.bootcss.com/video.js/7.7.6/video-js.min.css" rel="stylesheet">
    <script src=