干货 | 使用京东云搭建视频直播网站

news/2024/5/16 17:29:15/文章来源:https://blog.csdn.net/jdcdev_/article/details/106404435

视频直播是指利用互联网及流媒体技术进行直播,视频因融合了图像、文字、声音等丰富元素,声形并茂,效果极佳,逐渐成为互联网的主流表达方式。视频通过真实、生动的传播,营造出强烈的现场感,吸引眼球,达成印象深刻、记忆持久的传播效果,能够真实、直观、全面的宣传、展示自己。比较热的视频直播网站有花椒、斗鱼、虎牙、六间房等。

视频直播网站建设分为域名的注册、服务器的准备、视频资源的准备和网站的搭建几个部分,本文将以京东云的产品和服务为基础,进行视频直播网站的搭建,为小型企业或个人用户提供帮助。

一、注册域名

1、在京东云购买域名

京东云域名服务是集域名注册、解析、监控和保护为一体的综合域名管理平台。域名服务帮助您实现以下需求:

  • 域名注册:提供丰富的域名种类供您选择。

  • 域名保障:基于隐私保护、安全锁等安全服务,全面保障您的注册信息和域名信息,免遭恶意骚扰。

  • 品牌保护:用域名保护您的品牌,帮助集团及大型企业安全、高效的管理品牌和域名。

  • 域名解析:依托京东云解析,提供免费、高效、安全的 DNS 服务器,保障域名即买即用。

打开京东云官网,进入控制台,选择域名服务

域名具有全球唯一性,注册之前需要查询您的域名是否可注册。

加入购物车:选择想要注册的域名,点击“立即结算”前往购物车,在购物车中,选择注册年限并勾选域名注册协议。

完成支付:域名属于即时产品,无法预订,只有最终付款成功才算注册成功,所以下单后请尽快结算。付款方式有多种,推荐通过网银支付,支付成功后,您可以在会员中心-域名管理中找到域名并进行管理。

如果注册的是.cn等国内域名,注册成功后还需要提交与域名注册信息相同的资料,进行实名制认证,成功后域名才能正常使用;如果在注册过程中,选择已实名认证的信息模板,则可以省略此步骤。

2、域名备案

网站备案是指向主管机关报告事由存案以备查考。行政法角度看备案,实践中主要是《立法法》和《法规规章备案条例》的规定。网站备案的目的就是为了防止在网上从事非法的网站经营活动,打击不良互联网信息的传播,如果网站不备案将会被拦截。
备案是域名指向国内IP时,在服务器提供商处的备案系统提交备案申请。如您购买了京东云服务器(有效期必须为3个月以上的包年/包月类型),且域名有使用备案的需求,即可按照如下图示操作:

备案详细流程请见京东云帮助文档:https://docs.jdcloud.com/cn/icp-license-service/process

3、域名解析

初期网站小,内容较少,可以使用京东云云解析免费版,后期随着网站的扩容再根据情况选择企业版或企业高级版。详细操作流程见京东云帮助文档:https://docs.jdcloud.com/cn/jd-cloud-dns/domainadd。

二、准备服务器

域名注册后,则需要购买云上资源,根据网站规模选择购买云上资源,云上资源涉及到云主机、云存储(云硬盘、对象存储)和公网IP&带宽,京东云按需配置云主机的操作系统、CPU、内存、硬盘及网络带宽,快速创建和释放,合理分配资源,并可根据需求进行横向和纵向的伸缩,避免资源浪费,初期可以先购买较低配置,后续根据业务需要再进行扩容。

本文使用centos服务器作为网站服务系统,创建linux实例详见京东云帮助文档:https://docs.jdcloud.com/cn/virtual-machines/create-linux-instance

三、使用京东视频云完成直播源站配置

1、开通视频直播服务

打开京东云官网,进入产品-视频直播,点击开通服务,按指引开通视频直播服务。

2、配置推拉流域名

服务开通后,登录视频直播客户控制台,通过左侧菜单栏找到“视频服务”,点击“视频直播”子菜单,进入“域名管理”页面,点击“添加域名”,如下图:

推流域名:您申请并完成备案用作推流使用的合法域名
播放域名:您申请并完成备案用作播放使用的合法域名

注:推流和播放域名不能为同一个,域名必须完成备案真实有效

域名配置后,待审核完毕进入域名管理,点击管理,可查看推流和播放信息:

其中AppName、StreamName均为自定义,鉴权信息可暂不配置。

3、开始推流

京东云提供推流SDK能够帮助开发者快速实现稳定的视频直播采集和推流功能,实际推流时可以用用SDK开发移动端推流工具,或者使用桌面端的OBS、FMLE、Xsplit等工具进行推流,本文将使用京东云SDK demo进行推流测试,之后正式使用OBS进行推流。

使用京东云demo进行推流测试

扫描以下二维码可体验推流SDK、播放SDK的功能及效果。iOS支持8.0以上系统、Android支持5.0及以上 (API level 21)

说明:由于受到微信和QQ限制,请使用手机自带扫码或其他扫码软件扫描安装

扫码安装后,如下图图标:

打开后,选择“开始推流”

进行推流配置,推流地址按《配置推拉流域名》章节中配置的推流域名,APPname我们命名为live,流名称命名为livestream,如下图:

点击“开始直播”,点击“开始推流”,如下图:

进入视频直播控制台,在“流管理”中可以看到已经开始推流

使用OBS进行推流

OBS Studio是一款视频直播录制软件,为用户提供了视频、文本、图像等的捕获录制功能。OBS Studio界面简洁,功能强大,不仅录制质量好占用资源小而且还是免费的,是一款常用的直播推流工具。

访问OBS官网https://obsproject.com/,下载安装,安装完毕后,进入设置界面,点击推流,服务器配置为推流地址,串流密钥为流名。

回到主页面,在来源处,进行推流内容配置,可配置桌面、摄像头、媒体源等,本处以媒体源为例,添加媒体源后选定本地媒体文件:

点击右侧开始推流按钮,开始推流:

开始推流后,进入控制台可以看到流名为test1的地址开始推流:

4、播放测试

本文使用开源VLC播放器进行播放测试。VLC 是一款自由、开源的跨平台多媒体播放器及框架,可播放大多数多媒体文件,以及 DVD、音频 CD、VCD 及各类流媒体协议,可访问https://www.videolan.org/下载VLC播放器。

在控制台,流管理中,点击推流中的流名后面的“直播地址”:

复制其中一个地址,打开VLC播放器,点击媒体-打开网络串流,

左侧为播放画面,右侧为推流画面(播放画面比推流画面滞后)。

四、网站搭建

网站需要web服务器来架构,网页设计美工人员(使用flash、dreamweaver、firework、photoshop等设计工具),网页开发人员(使用ASP、JavaScript、PHP、HTML、ASPX&.net等语言)。本文使用Apache进行网站搭建,不包括html开发。

Apache HTTP Server(简称Apache)是Apache软件基金会的一个开放源码的网页服务器,可以在大多数计算机操作系统中运行,由于其多平台和安全性被广泛使用,是最流行的Web服务器端软件之一。它快速、可靠并且可通过简单的API扩展,将Perl/Python等解释器编译到服务器中。

Apache HTTP服务器是一个模块化的服务器,源于NCSAhttpd服务器,经过多次修改,成为世界使用排名第一的Web服务器软件。它可以运行在几乎所有广泛使用的计算机平台上。

1、服务搭建

云主机购买后,我们使用SSH工具连接主机,进行配置,本文使用putty工具进行介绍(putty是一个开源的Telnet、SSH、rlogin、纯TCP以及串行接口连接软件,可访问https://www.putty.org/进行下载)。

登录京东云控制台,选择弹性计算-云主机-实例,可看到购买的主机实例:

打开putty进行连接:

使用root账户登录

使用yum包安装Apache软件
# yum -y install httpd* -安装Apache软件 # rpm -qa | grep httpd --查看安装的http包

显示如上图,安装成功。

安装成功后,会产生下面两个文件
/etc/httpd/conf/httpd.conf # 主配置文件 /var/www/html # 网站根目录

配置Apache服务开机启动:
# systemctl enable httpd

启动Apache服务:
# systemctl start httpd --启动httpd服务 # lsof -i:80 --查看httpd服务是否启动

如上图则表示服务启动成功。

打开浏览器,输入云主机公网IP,显示下图:

2、网站内容建设

本文使用HTML搭建一个简单的网页结构。
HTML由N个标签(节点、元素、标记)组成
HTML语法非常松散
常见的HTML标签
标题:h1,h2,h3,h4,h5…
段落:p
换行:br
容器:div,span(用来容纳其他标签)
表格:table,tr,td
列表:ul,ol,li
图片:img
表单:input
链接:a
一个最简单html页面代码如下:

 1<!DOCTYPE html>2<html>3    <head>4        <title>这是个标题</title>5    </head>6    <body>7        <h1>一个简单的网页</h1>8        <p>Hello World!</p>9    </body>
10</html>

我们使用vediojs进行网页上的视频播放,Video.js (https://videojs.com/)是一个通用的在网页上嵌入视频播放器的 JS 库,Video.js 自动检测浏览器对 HTML5 的支持情况,如果不支持 HTML5 则自动使用 Flash 播放器。

我们做一点简单的内容填充、格式布置,将播放地址rtmp://vpull.jdpoc.com/live/test1嵌入,代码中https://vvv-test.s3.cn-east-1.jdcloud-oss.com/jdcloud.jpg为封面图片,大家可以将自己喜欢的图片上传到京东云OSS,获取外部访问链接。调整后全部代码如下:

 1<html>  2  <head>  3  <title>直播网</title>  4  <meta charset="utf-8">  5  <link href="http://vjs.zencdn.net/5.5.3/video-js.css" rel="stylesheet"> 6 </head>  7<body>  8 <center><h1>视频直播网(示例)</h1></center>9    <center><h2>Powered by JDcloud</h2></center>
10    <center>
11 <video id="my-video" class="video-js" controls preload="auto" width="640" height="300"  
12 poster="https://vvv-test.s3.cn-east-1.jdcloud-oss.com/jdcloud.jpg" data-setup="{}">  
13    <source src="rtmp://vpull.jdpoc.com/live/test1" type="rtmp/flv">  
14    <!-- <source src="http://vpull.jdpoc.com/live/livestream.m3u8" type='application/x-mpegURL'> -->  
15    <p class="vjs-no-js">  
16      To view this video please enable JavaScript, and consider upgrading to a web browser that  
17      <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>  
18    </p>  
19 </video>  
20 <script src="http://vjs.zencdn.net/5.5.3/video.js"></script>  
21</body>  
22</html> 
23<center>

将该文件保存为index.html

3、上传网页文件至云服务器

我们使用putty官方提供的PSCP来上传文件。打开putty安装目录,查看是否有PSCP:

如果没有可以去官网下载。

我们以广泛使用的windows系统系统为例,进行网页文件上传。打开cmd,使用cd命令行访问到putty安装目录:

把本地文件上传到LINUX服务器的目录中。
命令格式:pscp 文件 用户名@LINUXIP:目录

输入密码后,显示如上图则复制成功。

4、网站展示

打开浏览器,输入云主机公网IP,网站显示如下:

在没有推流时,显示静态图片,推流时显示视频画面。至此,一个基本的视频直播网站的全部前后台系统已经搭建完毕。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_809354.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

基于SEO的Log 日志分析软件应该提供那些功能?

基于SEO的Log 日志分析软件应该提供那些功能? 今天是连续第3个要过了12点才睡的日子了&#xff0c;希望今天可以告一个段落&#xff0e;最近在考虑如何做基于 SEO 的日志分析工具, 每天都熬夜, 还真吃不消啊.当用户在浏览器地址栏输入一个网址的时候,web服务器在返回用户需要…

云原生网站威胁扫描系统

随着企业上云的业务需求&#xff0c;扫描业务需求和使用场景也发生了变化&#xff0c;网站威胁扫描产品逐步受到云上租户的青睐&#xff0c;特别是云原生的网站威胁扫描系统。网站威胁扫描系统可以广泛用于以下业务场景&#xff1a; 云上业务系统上线或者重要活动保障&#xf…

搜索引擎SEO外挂:一边搜索,一边看PageRank

搜索引擎SEO外挂&#xff1a;一边搜索&#xff0c;一边看PageRank 下载地址&#xff1a;多么乐站长工具 我原来曾写过一篇统计分析搜索引擎排名和Page Rank 关联分析 的文章。很多人引用&#xff0c;回复和我讨论了我的结论。有赞成的&#xff0c;有反对的&#xff0c;有鼓励…

网站挂 Google 广告能赚多少钱?

首先申明 Google 广告价格的算法是保密的。Google 广告价格和多种因素有关。比如&#xff1a;访客的地理位置、访问的时间、是否为广告主带来效益、您网站的内容等等。Google 广告的价格是国内广告的几倍甚至几十倍&#xff0c;在当前国内广告非常不好做的情况下&#xff0c;Go…

亿速云服务器负载设置,如何让网站访问更快 亿速云服务器新一代云负载均衡...

在以前&#xff0c;企业如果要使用传统负载均衡服务&#xff0c;往往需要专门购买硬件。这样的话会带来很多问题&#xff0c;比如价格高昂、部署周期长、运维门槛高而且服务器连接数有限。针对这个问题&#xff0c;亿速云推出了新一代云原生负载均衡&#xff0c;天然拥有即开即…

大多数日志文件的后缀名是_网站日志相关问答整理分享

1、网站刚上线&#xff0c;怎么看搜索引擎蜘蛛的抓取情况&#xff1f;如果站点提交给搜索引擎2天后&#xff0c;发现日志中有很多蜘蛛&#xff0c;并且全部返回到200&#xff0c;则说明它可以正常收录。谷歌显示时间更快&#xff0c;百度需要20天左右才能显示出来。2、日志分析…

SEO 比比看: Che168.com VS pcauto.com.cn

SEO 比比看&#xff1a; Che168.com VS pcauto.com.cn 做SEO工作&#xff0c;平常少不了多观察各种网站优化的案例。俗话说的好&#xff0c;懂行的看门道&#xff0c;不懂的看热闹。面对五花八门的网站&#xff0c;如何才能从专家的角度&#xff0c;以最快的速度来了解被观察网…

seo优化:把百度放进数据库

seo优化:把百度放进数据库 有时候我想&#xff0c;能把百度的数据放进数据库&#xff0c;用广大程序员熟悉的sql语句查询百度的搜索结果应该是一个不错的主意。在这方面Google早已经跨出了一大步&#xff0c;利用Google Search API 把Google的搜索结果放进数据库是很容易办到得…

奥运票务网站——话题仍在继续(软件设计的前期评估)

今天忽然发现自己的关于奥运票务网站故障的文章&#xff0c;竟然排到了首位&#xff1a;当然&#xff0c;这并不是炫耀&#xff0c;因为前四名全部是关于奥运票务网站的文章。这充分体现了大家对奥运的关注&#xff0c;而作为一名技术人员对出现这种“国际性”的问题&#xff0…

5菜鸟教程_5个相见恨晚的自学网站,每天自学半小时,月入过万不用愁!

很多人在空闲的时候&#xff0c;都想学点东西提升自己&#xff0c;增值一下自己&#xff0c;而一些学习网站也就是大家的选择了&#xff0c;今天小编给大家带来了5个能自我提升的学习网站&#xff0c;每个都是精品&#xff0c;有需要的朋友就快点收起来吧&#xff01;一、我要自…

写了一个建站系统DMAKE,自觉在某些情况下和FastAdmin有的一拼,你觉得呢?

DMAKE轻量级PHP平台建站系统&#xff08;板砖博客&#xff09;是基于Thinkphp5前后端分离的理念开发而来&#xff0c;经过门户网站、微信公众平台、资讯网站、资源网站和企业站群等多种运营模式和建站模式产品化&#xff0c;方便更多的个人站长和企业能够快速建立互联网品牌。 …

FLEX应用展示之PS体育项目网站

FLEX应用展示之PS体育项目网站 这是又一个体育竞技的网站&#xff0c;而且这个是更加规范的网站&#xff0c;从这个站点上&#xff0c;体育迷们能够看到自己喜欢的队伍&#xff0c;比赛的时间安排&#xff0c;各个队员的情况。 网站还提供了注册加盟的方式。这个正规的体育商…

Goo3D 3d图片制作网站

Goo3D 3d图片制作网站 这是一个很酷的概念至少看上去很酷&#xff0c;通过三个侧面的图片就可以合成一个3维的物体&#xff0c;不知道这个网站具体做的怎么样 但是忍不住告诉大家&#xff0c;大家或者一起用一下&#xff0c;交流交流 贴一张图片

一步步构建大型网站架构

2013-05-28 11:08 6976人阅读 评论(32) 收藏 举报 之前我简单向大家介绍了各个知名大型网站的架构&#xff0c;亿万用户网站MySpace的成功秘密、Flickr架构、YouTube网站架构、PlentyOfFish 网站架构学习、WikiPedia技术架构学习笔记。这几个都很典型&#xff0c;我们可以从中获…

偷偷告诉你们10个Java学习神器网站肯定有你不知道的哦

不管谁手里都藏着些许自己觉得好用的网站&#xff0c;今天专门找大厂出来的同学同事觉得好用的网站分享给大家&#xff0c;如果这里有你没收藏还不知道觉得还蛮有用的网站可以给我点个赞&#xff0c;大家一起进步&#xff0c;一起学习&#xff0c;同时也可以分享你觉得好用实用…

值得收藏的Top10工具网站

1、阅后即焚的文件传送 -- Firefox Send https://send.firefox.com/ 这是一个超级好用的网站&#xff01; 举个例子&#xff0c;如果你想给别人传送文件&#xff0c;但是又不想给对方知道你的私人信息&#xff08;如邮箱、微信、qq等&#xff09;&#xff0c;那Firefox Send就…

个人和初创企业想要搭建网站,如何挑选一台便宜合适的云主机?

一台云服务器&#xff0c;除了域名备案外&#xff0c;可以做很多事情&#xff0c;个人可以使用云服务器部署个人博客系统、论坛系统、私人网盘&#xff0c;部署各种后端服务&#xff0c;企业主要用来网站建设&#xff0c;适用于社区网站、企业官网、门户网站、电子商务网站、游…

各种社交网站的入口dashboard比较

作者&#xff1a;车东 发表于&#xff1a;2008-02-24 14:02 最后更新于&#xff1a;2008-02-24 02:02版权声明&#xff1a;可以任意转载&#xff0c;转载时请务必以超链接形式标明文章原始出处和作者信息及本版权声明。http://www.chedong.com/blog/archives/001414.html “找到…

HTTP Caching 优化网站

HTTP Caching 用好了&#xff0c;可以极大的减小服务器负载和减少网络带宽。十分有必要深入了解下 http 的 caching 协议。 先来看下请求/响应过程&#xff1a; http 请求/响应 1、用 Last-Modified 头 在第一次请求的响应头返回 Last-Modified 内容&#xff0c;时间格式如&…

淘宝技术发展(个人网站)

2003年4月7日&#xff0c;马云&#xff0c;在杭州&#xff0c;成立了一个神秘的组织。他叫来十位员工&#xff0c; 要 他们签了一份协议&#xff0c;这份协议要求他们立刻离开阿里巴巴&#xff0c;去做一个神秘的项目。这个项目要求绝对保密&#xff0c;老马戏称“连说梦话被老…