Lenix Blog

原Ubuntu环境搭建Coturn(stun和turn服务器)

admin 2022年9月1日2022年9月1日音视频暂无评论 1,828 浏览

一、gitHub下载coturn源码

https://github.com/coturn/coturn.git

二、进入到源码目录，编译源码

./configure --prefix=/usr/local/coturn

2-1:编译异常

2-2：下载相关库文件：libevent和libssl

sudo apt-get install libssl-dev libevent-dev

2-3:编译通过

2-4：安装

make -j 4 
sudo make install

2-5:进入安装路径，查看相关文件

cd /usr/local/coturn

2-6:配置环境变量

vim ~/.bashrc

2-6-1:插入以下内容

export coturn_home=/usr/local/coturn
export PATH=$PATH:$coturn_home/bin

2-6-2:使配置的环境变量生效，执行以下命令

source ~/.bashrc

三、配置turnserver.conf

3.1修改配置文件

进入安装目录**（/usr/local/coturn）**下的etc文件件，里面会默认一个turnserver.conf.default,直接拷贝一份，命名为turnserver.conf,然后打开turnserver.conf,找到下面的内容，修改为自己的真实数据即可

…

webrtc 原创

WebRTC 终极指南

admin 2022年8月31日2022年8月31日音视频暂无评论 959 浏览

什么是 WebRTC？

Web 实时通信 (WebRTC) 既是一个开源项目，也是一个规范，它支持实时媒体通信，如语音、视频和数据在浏览器和设备之间的本地传输。这使用户无需复杂的插件或额外的硬件就可以在他们的主要 Web 浏览器中进行通信。

WebRTC 项目于 2011 年 5 月由 Google 首次宣布，作为开发一套通用协议的一种手段，用于在浏览器、移动平台和物联网设备中启用高质量的 RTC 应用程序。当时，Flash 和插件是提供实时通信的唯一方法。两年后，经过大量工作，Chrome 和 Firefox 之间建立了第一个跨浏览器视频通话。随着越来越多的组织增加对规范的支持，开发者社区对 WebRTC 的支持也随之飙升。今天，WebRTC 在 Chrome、Firefox、Safari、Edge、Android 和 iOS 中本地（不同程度地）可用，并且是一种广受欢迎的视频通话工具。…

webrtc 视频

http、https、RTSP、RTMP等常见默认端口大全

admin 2022年8月30日概念暂无评论 1,450 浏览

端口	说明
0	无效端口,通常用于分析操作系统
1	传输控制协议端口服务多路开关选择器
2	管理实用程序
3	压缩进程
5	远程作业登录
7	回显
9	丢弃
11	在线用户
13	时间
17	每日引用
18	消息发送协议
19	字符发生器
20	FTP文件传输协议(默认数据口)
21	FTP文件传输协议(控制)
22	SSH远程登录协议
23	telnet(终端仿真协议),木马Tiny Telnet Server开放此端口
24	预留给个人用邮件系统
25	SMTP服务器所开放的端口，用于发送邮件

…

原使用html5 javascript 共享屏幕与录屏

admin 2022年8月29日2022年8月29日音视频暂无评论 782 浏览

使用html5 javascript 共享屏幕: json

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="robots" content="noindex, nofollow">
        <style>
            body {
              padding: 0;
              margin: 0;
            }

            svg:not(:root) {
              display: block;
            }

            .playable-code {
              background-color: #f4f7f8;
              border: none;
              border-left: 6px solid #558abb;
              border-width: medium medium

…

原创

原html5 javascript 网页响应式设计方案,网页适配方案

admin 2022年8月29日2022年8月29日 web前端暂无评论 384 浏览

网页的设计的样式都由css控制, 我们的css大小单位,一般用 px,或rem,或vw,vh.

由px控制的大小是固定的,不具有响度式的.

响应式设计一般由两种方案实现.

一.rem方案.

实现方法 :

1.head中加

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

2.引入flexible.js

内容如下

(function flexible(window, document) {
  function resetFontSize() {
    const size = (document.documentElement.clientWidth / 1920) * 37.5;//1920为设计稿宽度 
    document.documentElement.style.fontSize = size + 'px';
  }

  // reset root

…

HTML5 javascript 原创响应式适配

使用 Region Capture 更好地共享选项卡

admin 2022年8月28日音视频暂无评论 554 浏览

Web 平台已经允许 Web 应用程序捕获当前选项卡的视频轨道。它现在附带 Region Capture，这是一种裁剪这些视频轨道的机制。Web 应用程序将当前选项卡的一部分指定为其感兴趣的区域，并且浏览器会裁剪该区域之外的所有像素。

Web 应用程序以前可以“手动”裁剪视频轨道。也就是说，Web 应用程序可以直接操作每一帧。这既不稳健也不高效。区域捕获解决了这些缺点。Web 应用程序现在可以指示浏览器代表它完成工作。…

视频

Chrome 104 中范围媒体查询的新语法

admin 2022年8月28日2022年8月28日 web前端暂无评论 370 浏览

了解这种新语法如何简化媒体查询。

媒体查询支持响应式设计，大约 80% 的使用媒体查询的网站使用了能够测试视口最小和最大大小的范围功能。Media Queries Level 4 规范包括用于这些范围查询的新语法。

新语法自 Firefox 63 起已在 Firefox 中可用，并且将从 104 开始在 Chrome 中可用。让我们看看它如何简化您的查询。

针对最小视口宽度的典型媒体查询测试将编写如下：

@media (min-width: 400px) {
  // Styles for viewports with a width of 400 pixels or

…

CSS 响应式

技术解码 | 深入解析Web OBS的实现

admin 2022年8月28日音视频暂无评论 526 浏览

Web 上实现直播推流的方式主要有两种，一种是通过 Flash 推流，一种是通过 WebRTC 推流。目前主流浏览器已经放弃了对 Flash 的支持，Chrome 从 88 版本开始彻底禁用了 Flash。因此，使用 WebRTC 进行直播推流成为了 Web 上最好的选择。

通过 WebRTC 可以让网站在不借助中间媒介的情况下，建立浏览器和浏览器、浏览器和服务器之间的点对点连接，实现视频流和音频流或者其他任意数据的传输。

用在直播的场景下，通过 WebRTC 推流，用户不需要借助 OBS 等推流软件，打开网页就可以发起直播。…

webrtc 视频

yarn设置缓存，清除缓存

admin 2022年8月28日工具暂无评论 514 浏览

查看yarn全局缓存目录

yarn cache dir

清除缓存

yarn cache clean

设置缓存目录

yarn config set cache-folder <path>

# example
yarn config set cache-folder

…

yarn

使用 Multi-Screen Window Placement API 管理多个显示器

admin 2022年8月28日 web前端暂无评论 1,466 浏览

Multi-Screen Window Placement API 允许您枚举连接到您的机器的显示器并将窗口放置在特定的屏幕上。

建议用例 #

可能使用此 API 的网站示例包括：

à la Gimp 多窗口图形编辑器可以在精确定位的窗口中放置各种编辑工具。
虚拟交易台可以在多个窗口中显示市场趋势，其中任何一个都可以在全屏模式下查看。
幻灯片应用可以在内部主屏幕上显示演讲者备注，在外部投影仪上显示演示文稿。

…

javascript

原Ubuntu环境搭建Coturn(stun和turn服务器)

一、gitHub下载coturn源码

二、进入到源码目录，编译源码

2-1:编译异常

2-2：下载相关库文件：libevent和libssl

2-3:编译通过

2-4：安装

2-5:进入安装路径，查看相关文件

2-6:配置环境变量

2-6-1:插入以下内容

2-6-2:使配置的环境变量生效，执行以下命令

三、配置turnserver.conf

3.1修改配置文件

WebRTC 终极指南

什么是 WebRTC？

http、https、RTSP、RTMP等常见默认端口大全

原使用html5 javascript 共享屏幕与录屏

原html5 javascript 网页响应式设计方案,网页适配方案

一.rem方案.

使用 Region Capture 更好地共享选项卡

Chrome 104 中范围媒体查询的新语法

技术解码 | 深入解析Web OBS的实现

yarn设置缓存，清除缓存

查看yarn全局缓存目录

清除缓存

设置缓存目录

使用 Multi-Screen Window Placement API 管理多个显示器

建议用例 #

最新更新

近期评论

分类

归档

功能

链接表

站点统计

2024年 10月
一	二	三	四	五	六	日
	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

原Ubuntu环境搭建Coturn(stun和turn服务器)

一、gitHub下载coturn源码

二、进入到源码目录，编译源码

2-1:编译异常

2-2：下载相关库文件：libevent和libssl

2-3:编译通过

2-4：安装

2-5:进入安装路径，查看相关文件

2-6:配置环境变量

2-6-1:插入以下内容

2-6-2:使配置的环境变量生效，执行以下命令

三、配置turnserver.conf

3.1修改配置文件

什么是 WebRTC？

原使用html5 javascript 共享屏幕与录屏

原html5 javascript 网页响应式设计方案,网页适配方案

一.rem方案.

查看yarn全局缓存目录

清除缓存

设置缓存目录

建议用例 #

最新更新

月度热门文章

标签

近期评论

分类

归档

功能

链接表

站点统计