使用NGINX和RTMP协议从HTML录制视频

使用NGINX和RTMP协议从HTML录制视频,html,nginx,Html,Nginx,我想建立一个应用程序网络与流。我一直在使用HTML5和PHP 对于另一个项目,我一直在使用NGINX服务器,所以我使用开放式广播软件对我的流进行编码并将其传输到NGINX服务器,所以稍后我用javascript和Flash在html页面中显示它。我一直在使用RTMP协议与我的服务器的方向等 所以我的问题是我想在HTML5页面上录制视频,而不是使用开放式广播软件。通过这种方式,我可以从HTML5中录制它,并在另一个HTML5页面中观看(使用NGINX和RTMP) 非常感谢 <!DOCTYPE

我想建立一个应用程序网络与流。我一直在使用HTML5和PHP

对于另一个项目,我一直在使用NGINX服务器,所以我使用
开放式广播软件
对我的流进行编码并将其传输到NGINX服务器,所以稍后我用javascript和Flash在html页面中显示它。我一直在使用RTMP协议与我的服务器的方向等

所以我的问题是我想在HTML5页面上录制视频,而不是使用
开放式广播软件
。通过这种方式,我可以从HTML5中录制它,并在另一个HTML5页面中观看(使用NGINX和RTMP)

非常感谢

<!DOCTYPE HTML> 
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Live Stream</title>
    <link rel="stylesheet" href="css/normalize.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/grid.css" type="text/css" media="screen">
    <link href='http://fonts.googleapis.com/css?family=Nunito' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen">

<h1 align="center">Live Stream</h1> 

</head>
<body>

  <div class="container clearfix">
<script type="text/javascript" src='jwplayer.js'></script>
    <div id='player_1'></div>
<script type='text/javascript'>
  jwplayer('player_1').setup({
    width: "100%",
    height: "100%",
    stretching: "fill",
    primary: "flash",
    autostart: "true",
    sources:
 [
 {file: "rtmp://server:port/live/test"}
 ]
  });
</script>
</div>
</body>
</html>

直播
直播
jwplayer('player_1')。设置({
宽度:“100%”,
高度:“100%”,
拉伸:“填充”,
初级:“闪光”,
自动启动:“正确”,
资料来源:
[
{文件:rtmp://server:port/live/test"}
]
});
这就是我接收流媒体的方式。我希望以同样的方式捕获并发送到服务器

所以我想用HTML5捕捉视频和声音,创建一个FMS URL,并设置一个流密钥,以便将其发送到NGINX。但我不知道是否有可能做到这一点


谢谢:)

请显示尝试过的代码。使用HTML5执行此操作意味着使用
getUserMedia
和WebRTC流媒体。有了它,您可以在两个客户端之间直接进行P2P流媒体传输,或者需要一个支持WebRTC的媒体流/录制/广播服务器。你调查过这个吗?这是一个有点宽泛的话题。。。