搭建一个简单的直播网站

简介: 我是一个比较爱看直播的人,经常空闲的时候会看一看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,如果大家有兴趣,再把前端做好看一点、多开几路直播、做一个刷礼物系统、会员等级系统、聊天/弹幕功能等等,一个直播平台就诞生啦!

相关文章
|
编解码 监控 测试技术
如何优化OBS的推流设置以提高直播质量
【10月更文挑战第7天】如何优化OBS的推流设置以提高直播质量
|
JavaScript 前端开发 API
【前端用法】jQuery在线引用地址(全)
【前端用法】jQuery在线引用地址(全)
3365 0
|
Android开发
Android 自带的字体库、字体样式
Android 自带的字体库、字体样式
2558 0
Android 自带的字体库、字体样式
|
Web App开发 数据安全/隐私保护 网络架构
OpenWRT下实现Portal认证(WEB认证)
首先简单介绍一下什么是Portal认证,Portal认证,通常也会叫Web认证,未认证用户上网时,设备强制用户登录到特定站点,用户可以免费访问其中的服务。当用户需要使用互联网中的其它信息时,必须在门户网站进行认证,只有认证通过后才可以使用互联网资源。
12046 0
|
9月前
|
移动开发 UED
阿里云号码认证服务介绍、融合认证收费价格及号码认证使用场景说明
阿里云号码认证服务支持一键登录、短信/图形/融合认证,直连运营商实现无感验证,优化注册登录流程。提供多种套餐:短信认证100次3.99元/年,1万次480元/年;号码认证100万次2.9万元/年;融合认证更享优惠。适用于APP、H5等场景,提升用户体验。
|
存储 前端开发 安全
Tauri 开发实践 — Tauri 原生能力
本文介绍了如何使用 Tauri 框架构建桌面应用,并详细解释了 Tauri 提供的原生能力,包括文件系统访问、系统托盘、本地消息通知等。文章通过一个具体的文件下载示例展示了如何配置 Tauri 来使用文件系统相关的原生能力,并提供了完整的代码实现。最后,文章还提供了 Github 源码链接,方便读者进一步学习和参考。
1219 1
Tauri 开发实践 — Tauri 原生能力
|
11月前
|
监控 NoSQL PHP
高并发手机直播系统:从直播架构设计开发到搭建部署上线
本文深入剖析高并发直播系统全链路架构与实战:涵盖需求分析、微服务设计、移动端优化、PHP后台性能提升、CentOS环境调优、CDN加速及运维监控,助力打造稳定、低延迟、可扩展的直播平台。
|
监控 前端开发 关系型数据库
搭建直播网站技术层面准备全流程
搭建直播网站涉及技术选型、开发与部署。技术选型包括服务器端(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自动化部署。
3937 13
|
IDE API 开发工具
让 GitHub 个人主页更专业:用 WakaTime 实现动态代码统计
这篇文章介绍了如何使用 WakaTime 为 GitHub 个人主页添加动态代码统计,展示编码活跃度,提升专业性。通过注册账号、安装 IDE 插件、配置 GitHub 仓库和使用工作流自动更新 README 文件,实现对多种编程语言的详细统计。
1126 1
让 GitHub 个人主页更专业:用 WakaTime 实现动态代码统计

热门文章

最新文章