基于WebRTC 用Laravel 7和Vue.js创建视频聊天应用

本文介绍了如何借助Vue.js和Laravel 7创建一个简单的视频聊天应用。 如何实现视频聊天 我们会用到一个免费的开源项目WebRTC(Web实时通信),它能为Web浏览器和手机应用程序提供实时通信。 概述 步骤1——安装和设置Laravel 步骤2——安装npm包 步骤3——创建Pusher账户 步骤4——创建页面 步骤5——测试 步骤1 安装Laravel UI和Vue包 安装Larave

Vue、WebRTC、SocketIO、Node和Redis助力多人视频会议

几个月来疫情持续蔓延,大家使用视频会议应用的次数也水涨船高。无论身处何地,只要有视频应用我们就能与朋友见面。那我们为什么不试着定制一款自己的会议应用,让会话变得更加真实呢? 话不多说,我们直接开始吧! 实现这个目标不需要我们从头开始。在之前的文章中,我已经介绍过构建具有一对一私人视频功能的应用所需的各个步骤。那么我们就以此为基础对其进行完善,最后添加多对多视频的功能就大功告成了。 (因为下文我们会

WebRTC + NDI(续)

大家可能还记得几个月前我写了一篇博客,介绍了我做的一次酷炫尝试——使用新的Janus插件,以一种 “简单”方式来连通WebRTC和NDI世界,借此来解决现今广播行业存在的问题。文章一经发出,就引发了很多广播电视业界人士的兴趣。此后我也在几个不同的场合详细介绍了我的这次尝试。比如之前举办的ClueCon Dangerous Demos会议,参与者来自世界各地,我也有幸直播演示

WebRTC + NDI——广播业的福音?

在疫情蔓延的这几个月里,许多人的日常生活、公司的运作模式发生了巨大变化。我们大多数人被迫呆在家里工作有很长一段时间了,很多行业,特别是整个广播电视行业深受其害。比如由于嘉宾(甚至主持人)无法来到演播室现场,新闻节目、脱口秀中的采访或任何形式的现场互动只能作罢,制作团队只好寻找其他能让节目正常运行的解决方案。 对于我们这些从事实时业务的人来说,答案好像很简单——利用实时技术即可。但说起来容易做起来难

WebRTC开发人员调试建议

如果你初入WebRTC开发领域,可能会有点沮丧。因为对于问题到底出在哪里你经常摸不着头脑。身边充斥着各色媒体信息,导致你可能不知道到底在哪里遇到了障碍。在这篇博文中,我们将介绍一些能帮助你快速诊断问题,理清思路的工具。 事实上,如果你有超棒的JavaScript SDK工具,就不必担心上述问题了。借助我们的WebRTC平台以及SDK,只需几行JavaScript,你的问题就迎刃而解了。但若你想更深

用WebRTC和Node.js开发实时视频聊天应用

话不多说,我们直奔主题。这篇文章教大家如何编写一个视频聊天应用,使已连接的两用户端能共享视频和音频。操作很简单,非常适合JavaScript语言训练——更准确地说是WebRTC技术和Node.js。 什么是WebRTC? Web Real-Time Communications 网页实时通信,简称WebRTC。WebRTC是一个HTML5规范,它允许用户在浏览器之间直接进行实时通信,不需要任何第三

在Jitsi上用getDisplayMedia录制本地音频

事情的起因是这样的,我想往自己的Jitsi Meet实例中添加本地音频,但操作时发现结果并不是我想要的,所以我打算自己开发个简单的程序作为替代。在这过程中,我发现: 1. 用于屏幕截图的getDisplayMedia缺点多多; 2. 用于媒体录制的mediaRecorder也有诸多局限; 3. 在Jitsi Meet里添加HTML / JavaScript的操作非常简单; 下文是操作的具体细节和一

疫情下的线上会议和社交

作为一名技术专家兼商人,我负责自研软件的销售和推广,所以我大部分时间都在参加各种会议。作为演讲者、供应商或只是与会者,我都会带着以下三个目标去参加这些会议:学习交流、结识新客户并拓展业务。 这些目标不光督促我前行,也是商务会议成为行业一大基石的主要因素。但是在2020年3月疫情肆虐全球后,商务会议首当其冲被取消了。 当时距离团队在某大型医疗会议上展示我们的远程医疗产品SimplyDoc只有不到一周

三个月内业务增长30倍——如何在疫情期间扩展Google Meet

新冠疫情使人与人之间的距离更加遥远。许多人转向在线视频会议来维系社交、教育和工作上的联系。如图所示,这种变化使得更多人使用Google Meet。 本文我会向大家介绍,我们是如何确保Meet的可用服务容量大于其疫情期间暴涨30倍的业务需求的,以及我们是如何通过利用大量网络可靠性工程(SRE)的最佳实践来实现技术和运营的可持续增长。 初期预警 随着新冠疫情席卷全球,人们开始适应疫情下的日常生活。新冠

如何创建视频聊天应用程序?(下)

3. STUN服务器的用途? 即NAT会话穿越应用程序。双方都至少要了解其另一端的IP地址和分配的UDP端口。 无论使用哪种架构,我们都需要信令服务器来进行注册和显示状态。TURN服务器可以帮助我们遍历网络,并确保内部IP地址可以映射到外部公共ip地址。 STUN如何运作? 点击此处,你可以随时更新或编辑。 现在你能看到浏览器使用STUN服务器请求你的公共IP地址,平时我们是看不见的。这让我学到,

近期热门

有奖小调查

1 分钟回答 3 个小问题,让内容更符合你的 WebRTC 学习与开发期望。
每个月最后一天会随机抽出 5 名获奖者,并通过邮件联系送上奖品。
填写问卷