【音视频通话】使用asp.net core 8+vue3 实现高效音视频通话

最新推荐文章于 2024-08-31 21:46:04 发布
最新推荐文章于 2024-08-31 21:46:04 发布
阅读量354 收藏
点赞数
文章标签： 音视频
原文链接：https://mp.weixin.qq.com/s?__biz=MzU2OTY3MTYzOA==&mid=2247492603&idx=1&sn=71fa407533dd9814e12983a31eca7d2c&chksm=fd22f37a3031ce3f9f48da135ed72396148e2b7889915a43824b2d336292e991b4532c662ac1&scene=126&sessionid=0
版权

引言

　　　　在三年前，写智能小车的时候，当时小车上有一个摄像头需要采集，实现推拉流的操作，技术选型当时第一版用的是nginx的rtmp的推拉流，服务器的配置环境是centos，2H4G3M的一个配置，nginx的rtmp的延迟是20秒，超慢，后来研究了SRS以及ZLMediaKit这两个开源的推拉流服务器，没记错的话，两个都是基于c++开发的，性能都很棒，后来更换了推拉流服务器，小汽车的延迟在一秒不到，性能大幅度提升，当时研究了一下，然后没有记录，这次使用SRS实现了音视频通话，以及共享桌面的功能，特此记录以及分享给大家。

技术概览

　　　　本demo总共涉及到三个服务，部署环境是腾讯云的轻量服务器，配置是2H2G3M的服务器，CENTOS系统，nginx部署前端，docker部署后端以及SRS服务。

　　　　SRS　

　　　　　　SRS是一个开源的（MIT协议）简单高效的实时视频服务器，支持RTMP、WebRTC、HLS、HTTP-FLV、SRT、MPEG-DASH和GB28181等协议。SRS媒体服务器和FFmpeg、OBS、VLC、 WebRTC等客户端配合使用，提供流的接收和分发的能力，是一个典型的发布 （推流）和订阅（播放）服务器模型。SRS支持互联网广泛应用的音视频协议转换，比如可以将RTMP或SRT， 转成HLS或HTTP-FLV或WebRTC等协议。

　　　　　　后端

　　　　　　后端是一个基于net8.0基础框架开发的一个webapi的接口，前后端通讯使用的是signalr，用来实现不同用户之间的一个消息更改通知，本项目没有涉及到任何数据库方面的。

　　　　前端

　　　　　　前端是基于node20.16.0，vue3。其中，推拉流的地址和后端服务器的地址配置在configjs.json中配置，pushUrl是推流的地址，pullUrl是拉流的地址，apiUrl是后端接口的地址，signalrUrl是用来做前后端websocket通讯的一个地址。在apiUrl和signalrUrl中的端口需要和上方的后端运行的端口保持一致才可以互相访问通讯，具体配置文档查看下方图例。

1d9463b337d9624503e26551b6f7071b.png

功能概览

　　　　总体功能分为一下几个：

　　　　设备检测/参数设置　

　　　　　　这个页码主要是用来配置摄像头，并且检测摄像头是否可用，音频检测音频是否可用，并且配置音频设备，后续的音视频通话都是根据此处选择的设备进行推拉流，用户名称，由于本项目是一个demo，所以都是基于内存，用户是自己设置之后，在demo中与人通讯的一个标识；在这个页面配置好视频设备，音频设备，以及用户名称，就可以去后续的页面进行群聊或者单聊，或者桌面共享的功能。　　　　

　　　　群聊　　

　　　　　　群聊进入到页面，就可以看到已经存在的群聊信息，以及在线人数，可以进行加入或者删除群聊的操作，如果有新增的群组，此处也会使用Signalr进行同步更新获取最新的群组列表数据，此demo没有判断删除的时候权限问题以及如果有人正在群聊删除群组的问题，在设备检测页面没有选择音视频设备，也可以进入群组，可以查看有音视频的在线人员的一个音视频，如图所示，在上方输入要创建的群组名称，点击添加群组即可到如下页面，进入视频页面，会先去推流到服务器，以便下一个进入的人可以看到你的视频流，同时如果没有选择音视频设备，点击加入也是如下页面，并且该页面不会展示群组的在线人，可以从视频的摄像头上方可以查看是哪个用户的音视频。

7a0525088e9e5f8996a19065fcc6ef24.png

4feb7c5e207cf418551b2a9c8fc71b8b.png

　　　　单聊

 　　　　　　单聊就是只有两个人进行音视频通话，同时也支持没有选择设备可以进行通话，没有添加文字聊天的支持，单聊列表，也会使用signalr进行同步更新，在用户设置了用户名称之后，在这里就可以看到列表数据的更新。点击通话就可以和在线的人员进行音视频通话，同时不能和自己通话，且选择的人如果在处于单聊状态中，也无法进行音视频通话，在选择了要进行通话的用户后，会进入到聊天页面，同时对方用户会收到一个提醒，是否接受音视频通话，可以拒绝，也可以接受，拒绝之后，请求方会退出到在线列表的页面，点击接受会进入到双方的一个音视频通话的页面，可以进行语音聊天，可以看对方的摄像头推送的视频流。同时接受之后，任意一方离开聊天，另外一方也会直接退出聊天页面。返回到用户在线列表页面中。

388eecdfa1a4784ee3d167f941585b96.png

d632a8bf87c8a148921406dfbc7662f7.png

c855640c4c73455878ac558824d4b917.png

698bb763a0f34de90f963786f51bca1d.png

　　　　共享桌面 

　　　　　　共享桌面的操作和群组的一样，在上方输入共享桌面的名称，点击按钮，即可进入到共享桌面的页面中去。进入到页面，会提示需要共享的屏幕内容，可选整个屏幕，浏览器或者窗口都可以，同时也可以选择是否要共享此页面的音频，点击分享之后，即可看到共享的视频内容，右侧显示了参与人列表，并且如果选择了音频设备，也会采集语音推送，多个参与人进行语音聊天，语音会显示谁在发言，收到了谁的语音流。同时当共享的人，点击了停止共享，其他参与人也可以共享自己的桌面，点击了共享桌面按钮，其他参与人的共享桌面按钮会隐藏，并且他们会看到采集的你的屏幕的视频信息。

6366f7b43649a7d0d536473cf2a78876.png

b226d3b59a31daaeda10fa8af196ef33.png

ba60dc62516300bb2767f677084e94fe.png

d4ea7f118e18bd3f2dc8fe5fa4c982c6.png

 程序配置

　　　　关于配置方面，主要是前端的配置以及SRS的配置，前端方面的配置，在刚开始已经阐述过，主要是SRS的推拉流的配置，以及API和Signalr的地址配置，如果服务器是外网， 地址必须是外网服务器的地址，关于SRS的配置，在下载好SRS之后，SRS提供了默认的配置文件夹，文件夹名字是叫conf文件夹，里面提供了各种不同功能的conf配置文件，此处我们基于console.conf进行改造，下面的是console.conf的配置信息，第一行是listen，默认是1935，代表SRS启动的时候的RMP的直播服务端口。max_connection代表最大连接数量，默认是1000，srs_log_tank是日志的打印方式，默认是console，即控制台，可选配置有file和console，file是文件的输出形式，如果是file的形式，必须通过配置srs_log_file参数配置日志的打印文件的路径，默认是.objs/srs.log的文件。daemon，代表的是是否以后台的形式运行，on代表开启，off代表关闭。http_api,SRS提供了一些api，这个配置代表是否开启http_api,并且端口是8080。下方，展示了SRS官网提供的API导航。rtc_server启用webrtc的功能，端口是udp的8000，默认是8000，其中最后一个配置是candidata，如果是本机部署，这个可以不需要配置，如果是需要部署在外网服务器，那这个就需要设置成外网的服务器地址。

　　　　SRS的视频推拉流，有虚拟主机的概念，默认提供了一个defaultVhost的虚拟主机在配置文件里，虚拟主机内有单独的关于主机的配置，hls代表开启hls的视频协议功能，http_remux，是否为http开启直播流服务，mout代表的是挂载的http流，可以是不同的格式，默认是flv，可选有ts，即后缀是.ts，有mp3,aac等协议。rtc代表是否给虚拟主机开启webrtc的功能，并且是否开启rtmp转rtc，以及rtc转rtmp的功能。http_hooks是SRS在有客户端推流或者拉流的时候配置的一个接口回调，这个回调可以是我们自己写的后端服务，这里的配置是我配置的我实际的后端服务的接口地址，可以根据自己的实际情况进行调整，enable代表是开启HOOK，publish是推流的回调，unpublish是停止推流的时候，play和stop是拉流的播放和停止回调。play是针对拉流的配置，gop_cache是否缓存最后一帧，如果开启，客户端能够快速播放，如果关闭，客户端拉取的一直都是最新的，queue_length是缓存的帧一秒缓存的队列长度，如果超过这个，会移除之前的帧，mw_latency,关于流的合并写入的延迟，毫秒级单位。Publish是推流的一个配置，mr是合并读取的延迟，毫米级单位。

　　　　关于上面说了那么多的配置，主要的配置还是http_hooks的配置，这个配置，是SRS在接收到推流请求，或者停止推流，以及拉流，停止拉流的时候对我们后端服务的一个回调，enabled代表是否开启回调，publish是开始推流的回调，unpublish是停止推流，play和stop是客户端在播放流或者停止流的时候的一个回调，这里如果部署在外网，且srs和后端服务在一个服务器，此处的地址可以使用局域网的地址，与前端配置不同的是，前端的配置必须是外网的地址。

a59446312c255c3a5d281df230ef6f02.png

　　　　以上关于所有的全面配置可以参考以下网址：

　　　　http_api:http://ossrs.net/lts/zh-cn/docs/v6/doc/http-api。

　　　　http_server:http://ossrs.net/lts/zh-cn/docs/v6/doc/http-server。

　　　　rtc_server/rtc:http://ossrs.net/lts/zh-cn/docs/v6/doc/webrtc。

　　　　hls:http://ossrs.net/lts/zh-cn/docs/v6/doc/hls。

316b3a4044f49f031a130e519ca02ab0.png

8f3b6774a8ec07c6667593b91d788662.png

cba2791e8b54f767888b51af06fbca3a.png

部署

　　　　上面说到，我们的发布环境是centos，nginx和docker，所以在安装好了nginx之后 需要对nginx进行一个端口反向代理的配置，这里我用的是443端口，在网上生成了一个ssl证书，因为如果是使用http开头的网址，浏览器的机制，会不让使用摄像头，需要更改浏览器的配置才可以使得http的网址可以访问摄像头，如果是在本地部署和调试此服务，建议使用127.0.0.1或者localhost等方式来获取摄像头的信息，因为浏览器的安全机制，非https并且url地址是IP非127.0.0.1或者localhost的方式获取摄像头是有限制，接触限制的方式是在浏览器地址输入chrome://flags，回车之后，在弹出的页面中搜索Insecure origins treated as secure，如图，回车之后，需要将服务的IP地址输入在下方输入框中，并且将disabled更改为enabled，在更改完成后，浏览器下方会出现图3的面板，点击Relauch重启浏览器即可通过IP地址访问服务，并且加载摄像头，如果是中文disable是禁用，enable是启用，Relauch是重启。

　　　　所以基于上面http的问题，需要生成一个ssl证书，让web使用https进行访问。下面我放一份我的nginx的配置，在下面的443的配置中，指定了servicename，以及root指向的是我们发布的之后的web前端的地址。指定了index.html，以及ssl证书相关的配置地址，配置根路径访问的是web前端的index.html，然后将路由中包括api，pull，push的指向对应的端口，如上图的端口配置情况，1985，使用webrtc进行推流，8080，进行拉流的端口，video是signalr的反向代理地址。

　　　　以上是我服务器自己部署的nginx的一个配置。

1c6310a725ffa95e97c59b8b0984dead.png

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

# For more information on configuration, see:

#   * Official English Documentation: http://nginx.org/en/docs/

#   * Official Russian Documentation: http://nginx.org/ru/docs/

user nginx;

worker_processes auto;

error_log /var/log/nginx/error.log;

pid /run/nginx.pid;

# Load dynamic modules. See /usr/share/doc/nginx/README.dynamic.

include /usr/share/nginx/modules/*.conf;

events {

    worker_connections 1024;

}

http {

    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '

                      '$status $body_bytes_sent "$http_referer" '

                      '"$http_user_agent" "$http_x_forwarded_for"';

    access_log  /var/log/nginx/access.log  main;

    sendfile            on;

    tcp_nopush          on;

    tcp_nodelay         on;

    keepalive_timeout   65;

    types_hash_max_size 4096;

    map $http_upgrade $connection_upgrade {

        default upgrade;

        '' close;

    }

    include             /etc/nginx/mime.types;

    default_type        application/octet-stream;

    # Load modular configuration files from the /etc/nginx/conf.d directory.

    # See http://nginx.org/en/docs/ngx_core_module.html#include

    # for more information.

    include /etc/nginx/conf.d/*.conf;

    server {

        listen       80;

        listen       [::]:80;

        server_name  _;

        root         /video/dist/;

        index index.html;

        # Load configuration files for the default server block.

        include /etc/nginx/default.d/*.conf;

        location / {

            try_files $uri $uri/ /index.html;

        }

        error_page 404 /404.html;

        location = /404.html {

        }

        error_page 500 502 503 504 /50x.html;

        location = /50x.html {

        }

    }

    server {

        listen      443 ssl;

        listen       [::]:443;

        server_name  49.233.22.57;

        root         /video/dist/;

        index index.html;

        ssl_certificate /sslfile/49.233.22.57.crt; # ssl证书存储路径

        ssl_certificate_key /sslfile/49.233.22.57.private; # 秘钥存储路径

        # ssl的一些配置

        ssl_session_cache    shared:SSL:1m;

        ssl_session_timeout  5m;

        ssl_prefer_server_ciphers  on;

        ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;

        ssl_protocols TLSv1 TLSv1.1 TLSv1.2; #开启TLS协议

        location / {

            try_files $uri $uri/ /index.html;

        }

        location /api {

            proxy_pass http://10.2.20.12:5000;

            proxy_set_header Host $host;

            proxy_set_header X-Real-IP $remote_addr;

            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

            proxy_set_header X-Forwarded-Proto https;

        }

        location /rtc {

            proxy_pass http://10.2.20.12:1985;

            proxy_set_header Host $host;

            proxy_set_header X-Real-IP $remote_addr;

            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

            proxy_set_header X-Forwarded-Proto https;

        }

        location /pull {

            rewrite ^/pull/(.*)$ /$1 break;

            proxy_pass http://10.2.20.12:8080;

            proxy_set_header Host $host;

            proxy_set_header X-Real-IP $remote_addr;

            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

            proxy_set_header X-Forwarded-Proto https;

        }

        location /video {

            proxy_pass http://10.2.20.12:5000;

            proxy_set_header Host $host;

            proxy_set_header Upgrade $http_upgrade;

            proxy_cache_bypass $http_upgrade != '';

            proxy_set_header Connection $connection_upgrade;

            proxy_set_header X-Real-IP $remote_addr;

            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

            proxy_set_header X-Forwarded-Proto https;

        }

    }

# Settings for a TLS enabled server.

#

#    server {

#        listen       443 ssl http2;

#        listen       [::]:443 ssl http2;

#        server_name  _;

#        root         /usr/share/nginx/html;

#

#        ssl_certificate "/etc/pki/nginx/server.crt";

#        ssl_certificate_key "/etc/pki/nginx/private/server.key";

#        ssl_session_cache shared:SSL:1m;

#        ssl_session_timeout  10m;

#        ssl_ciphers HIGH:!aNULL:!MD5;

#        ssl_prefer_server_ciphers on;

#

#        # Load configuration files for the default server block.

#        include /etc/nginx/default.d/*.conf;

#

#        error_page 404 /404.html;

#            location = /40x.html {

#        }

#

#        error_page 500 502 503 504 /50x.html;

#            location = /50x.html {

#        }

#    }

}

　　　　后端部署在docker中， 环境是net8的开发环境，dockerfile配置如下，将发布后的文件和dockerfile放在一起，执行docker build -t videoimg .指令，打包docker镜像。记得后面有一个点.，回车之后，生成了videoimg的docker镜像，生成镜像后，需要启动容器，docker run --name videoc --security-opt seccomp=unconfined  -d -p 5000:8080 videoimg 回车之后即可启动了后端服务的容器，本机的端口是5000，需要防火墙或者云服务器开启5000端口，

9e8083632d84268c5315e05b63044db9.png

#See https://aka.ms/customizecontainer to learn how to customize your debug container and how Visual Studio uses this Dockerfile to build your images for faster debugging.

FROM mcr.microsoft.com/dotnet/aspnet:8.0 AS base
WORKDIR /app
EXPOSE 8080
EXPOSE 8081
COPY . .

FROM base AS final
WORKDIR /app
ENTRYPOINT ["dotnet", "WebApplication1.dll"]

36c917a2987ff2873db40f59b8edfb4c.png

　　　　docker启动SRS，如果SRS部署在外网服务器，需要在启动SRS容器之前，配置一个环境变量CANDIDATE="外网服务器IP地址"，将外网的IP地址写入环境变量中，SRS启动会从中读取配置，也可以直接修改conf中关于CANDIDATE的配置直接更改为你的外网服务器的地址。配置好之后，启动SRS，docker run --rm  --name srs  -it -d -p 1935:1935 -p 1985:1985 -p 8080:8080 -p 1990:1990 -p 8088:8088 -p 8000:8000/udp -v /video/conf:/conf --env CANDIDATE=$CANDIDATE     registry.cn-hangzhou.aliyuncs.com/ossrs/srs:5 ./objs/srs -c /conf/console.conf  上面的指令，-v是将容器内部的conf文件夹挂载出来，然后在后面指定使用了console.conf作为启动的配置文件，并且将端口信息暴露出来，推拉流，以及web服务器需要使用这些端口。

　　　　SRS提供了一个web管理系统，防火墙等配置好之后，在浏览器输入IP:8080即可打开如下页面，在控制台可以看到视频的推拉流信息，以及流量的流入和流出。

5a52f1d11f1e4c223c415bbd7305eaf3.png

端口配置

　　　　服务器需要开启一下端口

　　　　1：后端服务的端口，例如本例子的5000端口

　　　　2：SRS相关端口：1935，1985，8080，1990，8088，8000/udp

代码和详细Windows文档地址

　　　　关于更多的详细解读，可以查看写好的windows的文档部署地址，除了部署方式的差异，其余都一样。

　　　　git地址：https://gitee.com/cxd199645/audio-video.git

总结

 　　　　关于做一个音视频通话的技术分享就到这里了，如果又不懂的，可以添加QQ/WX:934550201.

溪源More
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ASP.NET Core 6.0+Vue.js 3 实战开发（视频）
张飞洪的博客
08-26 28
大家好，我是张飞洪，感谢您的阅读，我会不定期和你分享学习心得，希望我的文章或视频能成为你成长路上的垫脚石。 录制视频的体验 这是一个收费的视频，很抱歉，让您失望了。 我尝试做点收费的视频，不是因为我不做免费的专栏分享，我还会继续分享下去。 如果你要喷我，我也认，谁让我是一普通人。家里老小都要生活，我不能活的太过清高了。 工作10多年，写了很多文章，翻译了不少外文，也录制了一些视频，这次是最用...
.net core web api+oracle+vue3搞了个小聊天室，有群聊和私聊
qq_55257839的博客
06-21 1429
使用JWT，他相较于传统的session，在跨域方面更方便。2.在appsettings.json文件中配置需要读取的key与过期时间，此处是为了方便，你也可以在VS自带的虚拟环境变量中配置，也可以直接配置在本地的环境变量中，或者配置在secret安全文件中。而且找到了自己写的代码的BUG，虽然是因为自己失误产生的BUG，但是自己花了两天一点点排除问题，解决了问题，还是收获了很多。login方法具体思路，使用UuserManager属性的方法，通过前端传入的name，找到对应的用户。之后检测密码正确性。
Vue + Element+ ASP.NET Core WebAPI 文件上传下载
qq_41894451的博客
03-11 3243
以ASP.NET Core WebAPI 作后端 API ，用 Vue 构建前端页面，用 Axios 从前端访问后端 API ,包括文件的上传和下载。 准备asp.net后端文件上传的API UploadFileController.cs using Microsoft.AspNetCore.Mvc; using System; using System.IO; using Microsoft.AspNetCore.Hosting; using Microsoft.AspNetCore.Http; nam
Vue Quill富文本自定义上传音频/视频
林一怂儿
10-04 1176
有时候项目中可能需要在富文本中上传音频，所以…
asp.net+sqlserver+微信小程序社区型果蔬配送平台-计算机毕业设计源码11635
vx1_Biye_Design的博客
06-19 3219
用户注册，用户注册页面可输入账号、密码、邮箱、昵称、手机身份等信息，输入完成后选择提交即可注册成功 用户登录进入首页，可以进行首页、新闻资讯、我的（个人信息、订单管理、配送信息）等功能模块的查看与操作 订单管理列表，在订单管理列表页面可以查看商铺名称、商铺地址、商品名称、商品类型等信息，并可根据需要进行支付等操作 果蔬中心推荐，在果蔬中心推荐页面可以查看商铺名称、商铺地址、商品编号、商品名称、商品类型、发布时间、点击率、点赞数等信息
ssm142视频点播系统设计与实现+vue
hjjshua的博客
05-26 1144
互联网发展到如今也近20年之久，视频信息一直作为互联网发展中的一个重要角色在不断更新进化。视频信息从最初的文本显示到现在集文字、视频、音频与一体，成为一种网络多媒体浏览网站。作为一种媒体传输媒介，视频信息如今也分各个类别，各种形式。本文着重对视频点播系统进行分析和研究，浅析视频点播的现状和存在的一些问题并对此进行研究，通过对问题和现状的分析研究和对用户需求的一个简单整理建模，设计并且实现一个视频点播系统。
ASP.NET超大文件上传和断点续传的实现
alisky119的博客
07-30 1037
免费提供视频教程，免费提供开发文档，免费提供原理讲解，免费提供功能讲解，免费教学，免费提供7*24小时技术支持，技术支持包含不限于开发指导，部署指导，远程代码调试，业务逻辑的定制开发指导，比如公司这边有新的功能需求，或者业务定制开发需求，都可以免费提供，或者免费协助。需要提供前端源码，后端源码，控件源码，公司自己的项目，也有自己的产品，后续需要集成使用，提供7*24小时技术支持服务，提供文档教程，视频教程，远程技术指导，1对1技术支持服务，提供手机，微信，QQ，邮箱，企业微信等联系方式。
azure blob_如何在ASP.Net Core中使用Azure Blob存储
cxt70571的博客
07-06 334
azure blob 利用ASP.Net Core中的Microsoft Azure云资源很容易，ASP.Net Core是Microsoft的跨平台，精益和模块化框架，用于构建高性能Web应用程序。 例如，您可以使用Azure存储帐户来存储或检索数据。 这样的数据可能包括文件，blob，队列或表。 在本文中，我们将研究如何从ASP.Net Core应用程序将数据上传到Azure Blob存储。...
ASP.NET Core WEB API 使用element-ui文件上传组件el-upload执行手动文件文件，并在文件上传后清空文件
技术杂谈，聚焦优质文章、开源项目、实用工具和学习、工作、面试心得分享。博客园推荐博客、阿里云专家博主，擅长于C#、.NET、.NET Core、Golang、TypeScript、Vue、Uni App、Angular开发。
04-24 1471
从开始学习Vue到使用element-ui-admin已经有将近快两年的时间了，在之前的开发中使用element-ui上传组件el-upload都是直接使用文件选取后立即选择上传，今天刚好做了一个和之前类似的文件选择上传的需求，不过这次是需要手动点击按钮把文件上传到服务器中进行数据导入，而且最多只能够选择一个文件进行上传，上传成功后需要对file-list中的文件列表数据进行清空操作，在这里服务端使用的是ASP.NET Core WEB API来进行文件流数据接收和保存。
视频网站系统_dotnet影音娱乐网站.rar
09-09
通过 .NET 技术，开发者可以实现高效的数据处理和动态内容生成，同时利用 ASP.NET MVC 或 ASP.NET Core 框架来构建强大的后台管理系统，提供稳定且响应迅速的用户体验。 【标签】虽然没有提供具体的标签，但我们...
视频谈话记录和直播系统的实现（二）blazor+srs+nginx开发和运行环境搭建
记录行业应用项目开发历程
11-10 1366
利用.netcore blazor srs ffmpeg nginx webrtc efcore等技术实现视频谈话记录和直播系统
20190227最近比较纠结的问题vue的video中视频的播放和nginx-rtmp的推流以及什么时候推流的分析
do what you like && brave
02-27 5251
1.vue中的video的使用（支持MP4） Vue中引入Video.js视频播放器 参考：https://www.jianshu.com/p/8b8023c7ed37  Video.js是一个有着HTML5背景的网络视频播放器。它同时支持HTM5和Flash视频，简单来说就是HTMl5 和 Flash 视频播放器 安装 $ npm install video.js main.j...
音频如何低延时回声消除与降噪篇保姆级教程
大模型大数据攻城狮的专栏
08-31 545
目录 1 回声消除技术 1.1 回声产生的原因 1.2 传统回声消除方法 1.3 先进的回声消除算法 2 降噪技术 2.1 降噪技术的原理与方法 2.2 传统降噪方法 2.3 先进的降噪算法 3 低延时处理技术 3.1 低延时处理的重要性 3.2 低延时回声消除技术 3.3 低延时降噪技术 4 调试与优化经验分享 4.1 调试步骤与方法 4.2 优化策略与技巧 1 回声消除技术 1.1 回声产生的原因 回声是由于声波在传播过程中遇到障碍物（如墙壁、地面等）反射后重新进
视频结构化从入门到精通——认识视频结构化
swpucwf的博客
08-28 1779
非结构化数据指的是未经处理、以原始形式存在的数据。这类数据是直接采集、记录的，包含了音频、视频等多维信息，且没有任何标签、注释或分类来表示其中的内容。非结构化数据需要进一步处理和解析，才能提取出有用的信息。定义：计算机（程序）无法直接理解，无法对其进行查询、比对、分类、计算等操作。
安防视频汇聚平台EasyCVR启动后无法访问登录页面是什么原因？
EasyCVR视频融合云平台的技术博客
08-27 621
以进程方式启动（./easycvr）时，清楚看到此时web端口【9004】被占用。更改端口后，EasyCVR视频汇聚平台可以正常访问了。
实用好软-----电脑端 开源的视频无损剪切与合并工具
最新发布
mg668的博客
08-31 728
一款功能强大的视频剪切软件，支持多种视频、音频格式文件进行剪切，对视频中的音频文件进行提取，可以将自己需要的部分视频截取下来，从原视频中快速剪切出您需要的视频片段，也可将完整视频进行剪切分割，然后编辑处理视频，最后导出视频，而且视频质量不受任何影响，完好无损。该软件让用户快速的将视频中的片段剪切出来，保存为单独的视频文件，并支持同时快速剪切多个视频，可谓是用户裁剪、剪切视频的首选软件，特别适用于那些从事影视工作的工作人员，为他们提高工作效率
python 拆分视频并且整合（速度慢，会保存每个分段视频）
qq_492448446的博客
08-30 778
python 拆分视频并且整合（速度慢，会保存每个分段视频）
如何识别视频里的声音转化为文字？视频转文字方法
hudunkjpdf的博客
08-28 470
此外，随着人工智能技术的不断进步，这一领域的算法不断优化，使得识别准确率更高，处理速度更快，为各行各业带来了更加便捷、智能的解决方案。随后，它利用其先进的语音识别技术，将声音内容迅速转化为可编辑的文字。综上所述，在选择视频声音转文字的软件时，您需要根据自己的具体需求来挑选合适的工具。在添加视频后，根据需要选择识别后的文字输出格式和视频的识别语种。点击“全部转换”按钮，软件将开始分析视频中的语音内容，并将其转换为文字就好啦。①高精度识别：采用先进的语音识别技术，能够准确识别视频中的语音内容，并转化为文字。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值