搭建一个简单的直播网站

简介: 我是一个比较爱看直播的人,经常空闲的时候会看一看LOL、吃鸡的直播。正好最近在研究阿里云的视频直播服务,突发奇想,自己来搭建一个简单的直播平台!主要会用到的东西有:视频直播、ECS、OBS、阿里播放器。

我是一个比较爱看直播的人,经常空闲的时候会看一看LOL、吃鸡的直播。正好最近在研究阿里云的视频直播服务,突发奇想,自己来搭建一个简单的直播平台!主要会用到的东西有:视频直播、ECS、OBS、阿里播放器。
官网链接:
视频直播——https://www.aliyun.com/product/live
ECS——https://www.aliyun.com/product/ecs
OBS——https://obsproject.com/download
阿里播放器——https://player.alicdn.com/aliplayer/setting/setting.html
注:使用视频直播,需要有一个已备案的域名

域名配置

首先我们开通阿里云的视频直播
1

在直播控制台-域名管理,添加推流、播流域名
这里我选择的直播中心是:华南1,CDN加速区域是:中国大陆
2
3
4

到域名解析控制台,添加两条CNAME解析,记录值为在视频直播添加域名所分配的CNAME地址
5

PING域名检测一下解析是否生效,如下图所示的话,则已经生效
6

在直播控制台,绑定播流域名和推流域名
7
8
9

直播推流

首先我们要先生成推流地址和播流地址,点击控制台地址生成器,下拉选择对应的播流域名。
注:AppName和StreamName是自定义用于鉴权的,随便填什么(我这里直接填app和stream)
点击开始生成,就给到我们1个推流地址和3个播流地址
10
11

在直播推流的时候,需要一个推流软件,这里我们选择OBS,下载安装后,打开进入主界面
在视频来源这里,就可以自由选择要直播什么类容,比如:显示器捕获、某个窗口捕获、游戏捕获、摄像头捕获等等。
添加直播来源过后,我们点击右边的设置
12

找到推流,我们把生成的推流地址,截取为两段,复制进去即可(第一段到AppName/,第二段从StreamName开始),点击应用并确定推流地址后,我们就可以“开始推流”了,至此,你已经开启了一场直播,只是还没有观众而已。
13

直播拉流

我们先使用阿里云播放器测试一下播流是否能成功,是否有直播画面
进入阿里云播放器:https://player.alicdn.com/aliplayer/setting/setting.html
选择直播,输入生成的播流地址,再点击播放预览
14

以下我们可能看的,是有直播画面的,一个完整的直播就完成了
15

直播网站搭建

说建设一个直播网站呢,有点夸大,因为这个网站的内容,只有一个播放器
上一步在阿里播放器上面,播放预览成功了,点击它的右边的代码,copy代码(因为直播预览填写过播流地址,播流地址自动填写在了代码里面)
16

这里我们新买一台ECS,部署上最基础的IIS环境(搜索IIS镜像即可),把一个域名指向服务器外网IP,访问域名显示IIS页面
17

我们要做的是,用阿里云播放器替换IIS页面
首先远程登陆到这台ECS,然后找到IIS页面的源代码文件
18

右键点击打开方式,选择通过记事本打开
19

全选删除,然后把阿里云播放器那copy的代码贴进来,最后保存
20

我们刷新一下域名,是显示直播画面的。至此大功告成!把域名分享给别人,你就有更多的观众啦!
21

Emmmm,如果大家有兴趣,再把前端做好看一点、多开几路直播、做一个刷礼物系统、会员等级系统、聊天/弹幕功能等等,一个直播平台就诞生啦!

相关文章
|
编译器
(9)Qt中信号与槽重载的解决方案
本文介绍了在Qt中处理信号与槽重载问题的三种解决方案:使用函数指针、Qt提供的QOverload类和Qt4的宏方式。
916 3
|
网络安全 开发工具 文件存储
在群晖NAS上快速搭建属于自己的Git Server
在群晖NAS上快速搭建属于自己的Git Server
4573 0
|
监控 前端开发 关系型数据库
搭建直播网站技术层面准备全流程
搭建直播网站涉及技术选型、开发与部署。技术选型包括服务器端(Java/Go、MySQL/PostgreSQL、Redis、阿里云OSS等)、前端(React/Vue.js、React Native/Flutter)、流媒体技术(RTMP、HLS、WebRTC、H.264/AAC)和CDN加速。系统架构设计涵盖前端、后端、流媒体服务器及数据库,使用负载均衡器分发流量,包含用户认证、推拉流管理、实时通信等功能模块。开发流程包括环境搭建、API实现、WebSocket通信、页面开发及流媒体配置。部署阶段涉及服务器搭建、Docker容器化、CDN配置、日志监控及CI/CD自动化部署。
3680 13
|
8月前
|
JavaScript API PHP
WordPress/Laravel企业官网源码-自适应多端SEO-前后端分离源码含数据库与部署文档​
本文详解如何结合WordPress与Laravel构建现代化企业官网,涵盖响应式设计、SEO优化、前后端分离、数据库安全及自动化部署。通过实战案例展示性能提升成果,并展望AI、云原生与区块链的未来融合方向,助力企业实现数字化增长。
|
8月前
|
JSON 监控 API
Minecraft(我的世界)服务器信息查询免费API接口详解
本文介绍接口盒子提供的免费Minecraft服务器查询API,涵盖参数说明、返回解析及PHP/Python调用示例,助您快速集成服务器监控功能。
754 1
|
存储 前端开发 安全
Tauri 开发实践 — Tauri 原生能力
本文介绍了如何使用 Tauri 框架构建桌面应用,并详细解释了 Tauri 提供的原生能力,包括文件系统访问、系统托盘、本地消息通知等。文章通过一个具体的文件下载示例展示了如何配置 Tauri 来使用文件系统相关的原生能力,并提供了完整的代码实现。最后,文章还提供了 Github 源码链接,方便读者进一步学习和参考。
992 1
Tauri 开发实践 — Tauri 原生能力
|
移动开发 前端开发 JavaScript
HTML5实现好看的博客网站模板源码
HTML5实现的精美博客网站模板,适用于个人博客、简历等多种场景。代码简洁规范,页面干净整洁,内置首页、列表、文章等通用模板,支持多种风格切换,兼容性强,易于扩展和修改,附带完整注释,适合初学者上手。提供源码下载及在线预览,方便直接使用或二次开发。
784 1
HTML5实现好看的博客网站模板源码
|
人工智能 小程序 Android开发
鸿蒙应用开发从入门到入行 - 篇1:HarmonyOS介绍——带你深入理解鸿蒙特性
本文介绍了华为的HarmonyOS(鸿蒙系统),这是一个面向全场景的分布式操作系统,不仅适用于手机和平板,还支持电脑、车机、手表、电视等多种设备。文章详细解析了鸿蒙系统的三大特性:一次开发多端部署、可分可合自由流转、统一生态原生智能,并分析了鸿蒙系统为何能蚕食安卓市场份额的原因。猫林老师认为,鸿蒙凭借其先进的技术和国内政策支持,有望在未来的市场中占据重要地位。最后,文章提供了学习鸿蒙系统的建议和一些课后练习,帮助读者更好地理解和掌握这一系统。
1921 7
鸿蒙应用开发从入门到入行 - 篇1:HarmonyOS介绍——带你深入理解鸿蒙特性
|
网络协议 安全 网络安全
DDoS攻击有哪些常见形式?
【10月更文挑战第13天】DDoS攻击有哪些常见形式?
1495 14
|
弹性计算 运维 数据建模
如何本地安装Alibaba Cloud Linux
阿里云镜像 本地化 物理机 虚拟机 优化 qemu-img
8655 0
如何本地安装Alibaba Cloud Linux