首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
多媒体
订阅
雾之旅人
更多收藏集
微信扫码分享
微信
新浪微博
QQ
13篇文章 · 0订阅
前端音视频之WebRTC初探
在上个系列专栏前端音视频的那些名词中,我们对比特率、帧率、分辨率、容器格式以及编码格式有所了解,如果还没看过的同学请点击上方链接自行跳转。 今天,我们来一起学习一下 WebRTC,相信你已经对这个前端音视频网红儿有所耳闻了。 WebRTC 于 2011 年 6 月 1 日开源,…
前端音视频的那些名词
代表每秒传送的比特数。 比特率又称为“二进制位速率”,俗称“码率”,“码流”,又称为数据信号速率。这大兄弟别名好多。。 从传输速度的发展看来,摩尔定律不仅应用在晶体管的密度,同样可以用在传输速度:比特率大概每18个月提高一倍。 比特率越高,代表单位时间传送的数据就越多。 举个例…
WebRTC:一个视频聊天的简单例子
相关API简介在前面的章节中,已经对WebRTC相关的重要知识点进行了介绍,包括涉及的网络协议、会话描述协议、如何进行网络穿透等,剩下的就是WebRTC的API了。WebRTC通信相关的API非常多,
视频码率那些事
今天来科普一下视频播放中的码率的概念。 码流(Data Rate)是指视频文件在单位时间内使用的数据流量,也叫码率、取样率、码流率,通俗一点的理解就是,是视频编码中画面质量控制中最重要的部分,一般我们用的单位是kb/s或者Mb/s。一般来说同样分辨率下,视频文件的码流越大,压缩…
【从头到脚】WebRTC + Canvas 实现一个双人协作的共享画板 | 掘金技术征文
笔者之前写过一篇 【从头到脚】撸一个多人视频聊天 — 前端 WebRTC 实战(一),主要讲 WebRTC 的一些基础知识以及单人通话的简单实现。原计划这篇写多人通话的,鉴于有同学留言说想看画板,所以把这篇文章提前了,希望可以给大家提供一些思路。 本期的主要内容,便是实现一个共…
WebRTC 入门与实战教程 | 掘金技术征文
之前公司准备用 webRTC 来实现视频聊天,研究了几天,撸了个 demo 出来,(虽然最后并没有采用这项技术,囧),听说掘金最近在搞 webRTC 有奖征文活动,自不量力一下,硬着头皮写个教程吧,顺便也给自己整理下思路。 目前这项Web技术支持的浏览器有chrome, fir…
WebRtc实时视频通信(截图)
WebRTC (Web Real-Time Communications) 是一项实时通讯技术,它允许网络应用或者站点,在不借助中间媒介的情况下,建立浏览器之间点对点(Peer-to-Peer)的连接,实现视频流和(或)音频流或者其他任意数据的传输。WebRTC包含的这些标准使…
如何实现前端录音功能
前端实现录音有两种方式,一种是使用MediaRecorder,另一种是使用WebRTC的getUserMedia结合AudioContext,MediaRecorder出现得比较早,只不过Safari/Edge等浏览器一直没有实现,所以兼容性不是很好,而WebRTC已经得到了所…
【前端实时音视频系列】WebRTC入门概览
WebRTC(Web Real-Time Communications)是由谷歌开源并推进纳入W3C标准的一项音视频技术,旨在通过点对点的方式,在不借助中间媒介的情况下,实现浏览器之间的实时音视频通信。 与Web世界经典的B/S架构最大的不同是,WebRTC的通信不经过服务器,…
使用webrtc+node.js搭建多人视频会议直播系统
getUserMedia:可以获取本地的媒体流,一个流包含几个轨道,比如视频和音频轨道。 RTCPeerConnection:用于建立 P2P 连接以及传输多媒体数据。 RTCDataChannel:建立一个双向通信的数据通道,可以传递多种数据类型。 Peer A使用 ICE …