视频谈话记录和直播系统的实现(二)blazor+srs+nginx开发和运行环境搭建

本文介绍了使用Blazor、SRS和Nginx搭建实时音视频系统的过程,包括Blazor中引入Ant Design,实现IHostedService启动SRS和Nginx,以及WebRTC推流所需的HTTPS通信配置。此外,讨论了模块化加载JavaScript以优化性能。
摘要由CSDN通过智能技术生成

本文涉及到的主要技术框架、开源软件有:.netcore blazor srs ffmpeg nginx javascript efcore

引言

  上篇对设计目标和技术原型进行了初步测试,证明思路是可行的,本篇开始着手实现,并记录其中的要点。

为什么选中Blazor

  选择的理由有一百种,不选择的理由就有一万种。- 熟悉:C#和asp net core是个人相对熟悉的技术,开发起来较为顺手 。刚开始接触blazor的话,会有一些vue的感觉。
  在blazor项目中,大部分时间不用写js,如果你做的是全栈开发,就不用像以前一样在c#和js中来回穿梭了,这种行云流水的开发体验,是其他框架和工具没有的。当然,blazor和js交互也是完全没有问题的。
  SignalR用在这种对实时性要求较高的项目中再合适不过了,而blazo对SignalR天然支持。

关于生产环境

  为了方便,开发过程中使用了Sqlite,在生产环境中,建议MySql或者SqlServer。服务器操作系统建议Ubuntu、debian、centos,以及国产操作系统对应的服务器版本,或者也可以分开部署。
  虽然整个项目运行在windows上没有任何问题,但还是有一些细小的差别。比如:srs的webrtc推流默认采用udp方式,在实际测试中,发现有很大概率出现丢包,会导致直播卡顿,录像丢失片段,这是不能容忍的,这个问题在srs5.0.60中已经得到了解决,可以选择采用tcp协议传输。但由于官方的windows版本目前还停留在5.0.19,并不包含这个新的特性。
  此外,关于性能和安全方面的问题,已经讨论的足够多了,这里不再赘述。

要点记录

在Blazor Server项目中引入Ant Design Of Blazor

  blazor自身有一些基础组件,可以基于它们实现自己的组件库,也可以引用一些开源项目,可选择的范围还是比较广泛的,比如MASA BlazorAnt Design of BlazorBootstrap Blazor。在这个项目中,笔者选择了Ant Design of Blazor。

  1. 在项目上右击。选择“管理NuGet程序包”,搜索“AntDesign”安装即可。
  2. 在Program.cs中注入服务:
builder.Services.AddAntDesign();
  1. 在_Layout.cshtml中,引入
<link href="_content/AntDesign/css/ant-design-blazor.css" rel
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

旭腾恒力

分享和打赏都是美德

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值