搭建一个简单的直播网站

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

相关文章
|
JavaScript 前端开发 API
【前端用法】jQuery在线引用地址(全)
【前端用法】jQuery在线引用地址(全)
3429 0
|
Android开发
Android 自带的字体库、字体样式
Android 自带的字体库、字体样式
2620 0
Android 自带的字体库、字体样式
|
监控 前端开发 关系型数据库
搭建直播网站技术层面准备全流程
搭建直播网站涉及技术选型、开发与部署。技术选型包括服务器端(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自动化部署。
4013 13
|
存储 数据安全/隐私保护 iOS开发
磁盘打不开、数据异常?这5个磁盘修复工具帮你搞定
日常使用电脑时,磁盘故障如无法打开、提示“文件或目录损坏”、分区变RAW等问题令人头疼。本文介绍5款实用磁盘修复工具,包括Windows内置的chkdsk、DiskGenius、慢速格式化、Mac磁盘工具及硬盘厂商专用软件,手把手教你应对磁盘异常,保障数据安全与系统稳定。
敏捷开发 小程序 API
3053 0
|
监控 NoSQL PHP
高并发手机直播系统:从直播架构设计开发到搭建部署上线
本文深入剖析高并发直播系统全链路架构与实战:涵盖需求分析、微服务设计、移动端优化、PHP后台性能提升、CentOS环境调优、CDN加速及运维监控,助力打造稳定、低延迟、可扩展的直播平台。
php常见问题,php.ini文件不存在或者找不到,mb_strlen()函数未定义系列问题,dll模块找不到的解决
本文介绍了解决PHP常见问题的步骤,包括定位和创建`php.ini`文件,以及解决`mb_strlen()`函数未定义和DLL模块加载错误的具体方法。
php常见问题,php.ini文件不存在或者找不到,mb_strlen()函数未定义系列问题,dll模块找不到的解决
|
人工智能 缓存 自然语言处理
86_自动化提示:AutoPrompt工具
在当今人工智能领域,提示工程(Prompt Engineering)已成为释放大语言模型(LLM)潜能的关键技术。随着LLM规模和能力的不断增长,如何设计高效、精确的提示词成为研究和应用的焦点。然而,传统的手工提示工程面临着巨大挑战
804 0
|
缓存 视频直播
flutter3-dart3-dymall原创仿抖音(直播+短视频+聊天)商城app系统模板
基于最新版flutter3.27+dart3.x+Getx+mediaKit原创实战研发抖音app带货商城项目。集成了直播+短视频+聊天三大功能模块。实现了类似抖音app首页全屏沉浸式联动左右滑动页面模块、上下滑动短视频。
971 1