鑫空间鑫生活

feed:https://www.zhangxinxu.com/wordpress/feed
cron:8 20 * * 5
不改变音调情况下Audio音频的倍速合成JS实现
published:Thu, 29 Feb 2024 14:22:22 +0000
音视频合成的时候,有倍速合成的需求,起初,我以为这只是个手到擒来的小需求,细究之下发现问题并不简单……
今天才知道,Web网页也能阻止息屏了
published:Sun, 17 Mar 2024 15:35:45 +0000
全新的Screen Wake Lock API,可以让网页无论放置多久,都不要担心熄屏,或出现屏保,Web如今越来越强了。
CSS @scope他来了
published:Sun, 21 Jan 2024 13:53:26 +0000
从名称上看,@scope似乎是实现CSS作用域的,这个讨论了近20年的特性终于是要支持了吗,还是并非如此?
HTML MicroData微数据结构简介
published:Wed, 31 Jan 2024 14:58:31 +0000
只要你的产品有SEO的需求,那么MicroData微数据就是必须要了解的知识,通过几个属性,让数据结构更适合搜索引擎识别。
使用JS快速获取video视频任意位置的缩略图
published:Mon, 15 Jan 2024 15:55:26 +0000
其实获取视频的缩略图并不需要视频解码就能实现,方法就是其貌不扬的HTML video元素。
时代变了,该使用原生popover属性模拟下拉了
published:Thu, 11 Jan 2024 15:01:33 +0000
Firefox也正式支持popover属性了,大人,时代变了,所有的下拉效果要换种实现方式啦。
纯JS实现图像的人脸识别功能
published:Thu, 28 Dec 2023 15:55:02 +0000
原来前端纯JS就能实现人脸识别检测,使用简单,性能优异,准确率也高,有案例演示,有源码,希望可以帮到大家的学习。
JS实现图片相似度的判断
published:Mon, 25 Dec 2023 16:04:31 +0000
给大家演示下如何对比两个IMG图片的相似度,性能和准确度均不错,然后……圣诞节快乐!🎄
使用JS提取视频中的音频资源
published:Sun, 24 Dec 2023 13:47:59 +0000
其实使用Web Audio API就能从视频中提取音频文件了,本文有演示页面,有实现代码,有详细讲解,值得一看。
Tips:form元素reset后input不触发change事件处理
published:Tue, 12 Sep 2023 15:52:48 +0000
坚持探索Web标准下的原生浏览器开发行为,行为驱动和数据驱动的表单开发其实各有千秋,深入HTML,你会发现这个世界比你所知的要精彩的多。
HTML elementtiming属性初体验记录
published:Fri, 15 Sep 2023 15:58:22 +0000
自己体验了下,出乎意料,HTML elementtiming属性在性能监控这块,比预想的要实用的多。
MDN:Web/HTML/Attributes/elementtiming 可监听任意Element元素的加载性能
该属性可应用于 <img>​​​, <image>​​​里面的元素 <svg>​​​,海报图像 <video>​​​元素,具有 background-image​​​,以及包含文本节点的元素,例如 <p>​​​.
在 DOM 中,该属性体现为 Element.elementTiming​​​.
JS改变AudioBuffer音量并下载为新audio音频
published:Mon, 09 Oct 2023 14:50:57 +0000
本文介绍三种改变音频播放音量的方法,其中还有一种方法直接改变音频AudioBuffer数据源的音量,说不定你哪天就会用到。
又get到了,JS复制图片到剪切板
published:Sun, 17 Sep 2023 08:06:56 +0000
起初以为只是个小需求,实现JS复制图片到剪切板,直到深入了解,才发现,原来涉及到那么多知识,真是不虚此学。
目前火狐(120.0.1 (64 位))还不支持 **Uncaught (in promise) **ReferenceError: ClipboardItem is not defined​​​
纯JS实现多个音频的拼接或者合并
published:Tue, 10 Oct 2023 14:53:25 +0000
3年前有更新过JS剪裁audio音频,今天我们再讲讲如何使用原生的JS实现多个音频的拼接或合并,此文可是其他地方见不到的哟。
mp4box.js加WebCodecs 解码MP4视频帧并渲染
published:Tue, 14 Nov 2023 16:37:18 +0000
应该是国内第一篇专门介绍用mp4box.js和VideoDecoder方法解码MP4视频序列帧的文章了。
聊聊Web网页中资源加载的优先级
published:Sun, 29 Oct 2023 15:55:41 +0000
想要提高网页的加载体验,其实有个非常简单且实用的技巧,那就是改变请求资源的加载优先级,这也可以改变?没错!
剪映APP的视频特效如何在Web中JS实现
published:Sun, 19 Nov 2023 15:12:20 +0000
剪映中的视频特效虽多,其实就两类,一类改变原始像素,一类叠加混合,本文通过精简的源码和精致的案例给大家介绍具体如何实现。
cube格式的LUT滤镜也叫ColorMapFilter在pixi中应用
published:Tue, 21 Nov 2023 16:14:41 +0000
滤镜效果大体分两类,一类是算法滤镜,另外一类则是颜色映射滤镜,本文就将介绍如何使用pixi.js在WebGL中应用颜色映射滤镜。
本地MP3封面图、时长等信息的JS读取
published:Tue, 28 Nov 2023 16:21:17 +0000
本文通过真实的demo演示案例给大家展示如何使用JS获取本地音乐文件的封面图、文件名及时长等信息。