在前端同行的提醒下，了解了下ogv.js解码webM视频，也就是使用canvas播放webM视频，可以让iOS，iPhone播放webM视频，但是，我的主要目的是解决Android原生video 视频层级问题的。
阅读全文…
标签：mp4, video, WebAssembly, webM, 视频 发布在 JS实例 | 3 条评论 »
太好了，HTML imports被废弃了，我可以放心使用这个语法实现HTML include功能了，从此静态页面也可以有公用头部和尾部啦。
标签：attributeChangedCallback, customElements, html, imports, link, rel, Web Components 发布在 HTML相关, JS实例 | 4 条评论 »
CSS revert是一个新出来的全局关键字，在使用display显示元素的时候，revert可以提高我们的开发体验，简化我们的实现。
标签：all, css相关, display, list-item, revert, 全局关键字 发布在 CSS相关, JS实例 | 4 条评论 »
HTML表单输入框元素直接使用value属性赋值是不会触发change事件的，本文提供一种实现方法，保证原生的value赋值特性同时可以触发change事件。
标签：CustomEvent, defineProperty, dispatchEvent, getOwnPropertyDescriptor, HTMLInputElement, proxy 发布在 JS实例 | 3 条评论 »
大家如果进行原生的web components组件开发，可能会遇到build-in自定义元素在Safari浏览器下不支持的场景，本文提供了相应的解决方案，为您的实际开发助航。
标签：connectedCallback, CustomEvent, dispatchEvent, polyfill, Safari, Web Components, 组件, 自定义元素 发布在 JS实例 | 一条评论 »
H5直播，Android视频播放层级，内置播放器等问题，可以看看本文介绍的两个JS项目，JSMpeg和Broadway，或许会有所帮助。
标签：Broadway, JSMpeg, mp4, Vap, webGL, 视频, 解码, 音频 发布在 JS实例 | 7 条评论 »
H5中希望有炫酷3D动效，但是3D WebGL实力不允许，可以试试使用本文要介绍的VAP，导出PNG图片序列，可以有高性能的炫酷动画效果，Android和iOS也可以使用。
标签：canvas, OpenGL, webGL, 动画, 序列图片, 性能, 视频, 解码, 音频 发布在 JS实例 | 10 条评论 »
不借助C/C++，纯JS浏览器中ffmpeg.wasm实现指定长度、位置和数量的音频和视频合并成新的视频，此领域目前为数不多优质文章，建议收藏备忘。
标签：audio, canvas, captureStream, ffmpeg, RecordRTC, video, wasm, WebAssembly, webM, WebRTC, 图片合成, 视频合成, 语音合成 发布在 JS实例 | 14 条评论 »
本文介绍多种使用JS检测用户是否缩放页面的方法，有的针对PC桌面端浏览器，有的针对mobile移动端浏览器，您会学到不少新的API，以及新颖的实现思路。
标签：@media, devicePixelRatio, innerWidth, localStorage, matchMedia, outerWidth, resize, ResizeObserver, visualViewport, zoom 发布在 JS实例 | 9 条评论 »
Web组件开发可能需要引入外部CSS到Shadow DOM中，本文就介绍3种各有优缺点CSS import的方法，帮助大家更好地进行web components组件开发。
标签：@import, adoptedStyleSheets, CSSStyleSheet, export, fetch, Shadow DOM, Web Components 发布在 CSS相关, JS实例 | 4 条评论 »
张鑫旭more，09年华中科技大学毕业，现上海，就职于阅文集团，专注web前端偏前领域，著有《CSS世界》《CSS选择器世界》。
邮箱：zhangxinxu@zhangxinxu.com
关注我：微信和公众号 微博 掘金 知乎
我的应用
我的应用