npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

ol-video

v1.0.1

Published

an extentsion for openlayers to show up a muted video on map

Readme

ol-video

ol-video 是基于HTML5 Video Element进行渲染至ol地图上的一个插件,因此所有对DOM的操作都会实时的反应到该视频图层中。 为此如果你需要对该视频图层进行操作,可以通过操作VideoLayer的__VDOM属性得到需要的结果。

notice!

this package just work in EPSG:4326 and EPSG:3857 now. I didn't do the imagery transform by rotation and scale in other projection.

if you check out my code , you can find that there is not a source to describe a video frame imagery..

so if you want to contribute this package:

gitee: https://gitee.com/li_zuo_hong/ol-video

注意!

这个包现在只能再EPSG:4326 与 EPSG:3857 中正常使用。 因为我没有在其他的投影坐标系中做图像的变换。

如果你看过了我的代码,你会发现该图层的结构中间只有一个渲染器与图层类,没有用于描述图像帧图像的类。

所以如果你想为这个包贡献的话:

码云: https://gitee.com/li_zuo_hong/ol-video

使用示例

import VideoLayer from 'ol-video';
// ...map initMap
// 文件路径 以及 extent in EPSG:4326
let videoLayer = new VideoLayer({
  src: '/cloud.webm',
  extent: [68.17665, 7.96553, 97.40256, 35.49401]
})
map.addLayer(videoLayer)

待优化结果

  • 鼠标事件输入时,视频图层会停止渲染

待完成的测试用例

  • proj4转换的任意坐标系