使用 Region Capture 更好地共享选项卡
Web 平台已经允许 Web 应用程序捕获当前选项卡的视频轨道。它现在附带 Region Capture,这是一种裁剪这些视频轨道的机制。Web 应用程序将当前选项卡的一部分指定为其感兴趣的区域,并且浏览器会裁剪该区域之外的所有像素。
Web 应用程序以前可以“手动”裁剪视频轨道。也就是说,Web 应用程序可以直接操作每一帧。这既不稳健也不高效。区域捕获解决了这些缺点。Web 应用程序现在可以指示浏览器代表它完成工作。…
记录-交流-Web开发知识分享
Web 平台已经允许 Web 应用程序捕获当前选项卡的视频轨道。它现在附带 Region Capture,这是一种裁剪这些视频轨道的机制。Web 应用程序将当前选项卡的一部分指定为其感兴趣的区域,并且浏览器会裁剪该区域之外的所有像素。
Web 应用程序以前可以“手动”裁剪视频轨道。也就是说,Web 应用程序可以直接操作每一帧。这既不稳健也不高效。区域捕获解决了这些缺点。Web 应用程序现在可以指示浏览器代表它完成工作。…
Web 上实现直播推流的方式主要有两种,一种是通过 Flash 推流,一种是通过 WebRTC 推流。目前主流浏览器已经放弃了对 Flash 的支持,Chrome 从 88 版本开始彻底禁用了 Flash。因此,使用 WebRTC 进行直播推流成为了 Web 上最好的选择。
通过 WebRTC 可以让网站在不借助中间媒介的情况下,建立浏览器和浏览器、浏览器和服务器之间的点对点连接,实现视频流和音频流或者其他任意数据的传输。
用在直播的场景下,通过 WebRTC 推流,用户不需要借助 OBS 等推流软件,打开网页就可以发起直播。…
px
px就是pixel像素的缩写,相对长度单位,网页设计常用的基本单位。像素px是相对于显示器屏幕分辨率而言的
em
em是相对长度单位。相对于当前对象内文本的字体尺寸(参考物是父元素的font-size)
如当前父元素的字体尺寸未设置,则相对于浏览器的默认字体尺寸
特点:
1. em的值并不是固定的;
2. em会继承父级元素的字体大小
rem
rem是CSS3新增的一个相对单位,rem是相对于HTML根元素的字体大小(font-size)来计算的长度单位
如果你没有设置html的字体大小,就会以浏览器默认字体大小,一般是16px
html{font-size: 62.5%} /* 10 ÷ 16 × 100% = 62.5% */ body{font-size: 1.4rem;} /* 1.4 × 10px = 14px */ /*在根元素中定义了一个基本字体大小为62.5%(也就是10px。设置这个值主要方便计算,如果没有设置,将是以“16px”为基准 )*/
优点是,只需要设置根目录的大小就可以把整个页面的成比例的调好
rem兼容性:除了IE8及更早版本外,所有浏览器均已支持rem
em与rem的区别:…
is_user_logged_in()
说明
根据当前访问者是否登录返回布尔值true或false。
参数
该函数不接受任何参数。
用法
示例
根据当前访问者的登录情况,使用is_user_logged_in()函数在主题文件中展示不同输出结果。
…
git config --global http.sslverify false
…
在 2019 年,我想创建一个紧跟我们的定制设计并具有流畅动画和交互的网站。我看着UIkit(在新标签中打开),但我没有选择它有两个原因:
这导致我搜索其他框架,这些框架与 UIkit 不同,仅提供基本的 JavaScript 功能,允许您根据需要设置样式和动画。我什么也没找到。所以,很自然,我决定自己做(在新标签中打开).
我正在与我正在开发的网站并行开发框架,这很棒。我能够使代码恰到好处并实现我需要的功能。我从 UIkit 中获得了一些灵感,但坚持我的主要想法。
后来发现效率不高,所以决定重构。但是因为我正在开发那个框架并同时使用它,所以我不仅要重新设计框架,还要重新设计网站。除此之外,我试图使这项工作适用于尽可能多的用例。如果你使用 React 会怎样?如果你不这样做呢?如果你使用 jQuery 会怎样?如果你连 JavaScript 都不太了解怎么办?
至此,我的热情开始慢慢消退。不知不觉中,我把自己置于一个想要解决尚不存在的问题并完美解决它们的位置。但我仍然相信,最终,它会是“值得的”。
然后,我们的团队开始壮大。我不再是唯一一个在那个网站上工作的人。因为它使用了我的框架,所以我不得不让新人使用它。这意味着我必须编写自述文件,然后是文档、示例用法等。尽管如此,我们仍然需要在 Slack 中清理一些东西。
因为我们的团队在成长,所以我们的工作量也在增加。这导致与网站并行的框架工作在周末和清晨过渡到框架工作。
不过,我继续。我有(并且到现在仍然有)放弃项目的习惯,所以我决定至少将框架简化为可以通过 npm 下载的有组织的小 JavaScript 片段。但是我是否使用自定义元素(在新标签中打开)
ffmpeg rtsp流转m3u8流
ffmpeg -rtsp_transport tcp -i "rtsp://admin:admin123@192.168.1.123:554/live/av0" -fflags flush_packets -max_delay 1 -an -flags -global_header -hls_time 1 -hls_list_size 3 -vcodec copy -s 216x384 -b 1024k -y test.m3u8
ffmpeg rtsp流转发
ffmpeg -rtsp_transport tcp -i "rtsp://admin:admin123@192.168.1.123:554/live/av0" -vcodec h264 -acodec aac -f …
近期评论