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 🙏

© 2024 – Pkg Stats / Ryan Hefner

rsl-flv

v1.0.5

Published

![Download](https://img.shields.io/npm/dm/rsl-flv.svg) ![Version](https://img.shields.io/npm/v/rsl-flv.svg)

Downloads

164

Readme

rsl-flv

Download Version

rsl-flv 是一款开源的纯H5直播流播放器,通过Emscripten将音视频解码库编译成js(wasm) 运行于浏览器之中。兼容几乎所有浏览器,可以运行在PC、手机、微信中,无需额外安装插件。

功能

  • 支持解码H.264视频
  • 支持解码H.265视频(flv id == 12)
  • 支持2K视频
  • 支持解码AAC音频
  • 可设置播放缓冲区时长,可设置0缓冲极限低延迟(网络抖动会造成卡顿现象)
  • 可创建多个播放实例
  • 手机浏览器内打开长时间不会息屏
  • 支持填充,等比,等比缩放 3种视频缩放模式
  • 支持0,90,180,270度画面旋转
  • 支持MediaSourceExtensions 硬件解码
  • 支持MediaSourceExtensions硬解码失败的情况下自动切换到wasm软解码

npm 使用

npm install rsl-flv
import RslFlv from 'rsl-flv'

const player = new RslFlv({
    url: "play url", // https://play.com/9999.flv
    container: "container-id", // support element id or element
    decoder: "decoder.js", // 自定义解码库加载地址, 默认放置在服务器根目录下
})

player.play()

umd使用

<div id='container-id'>

<!-- ezuikit-js umd file  `node_modules/rsl-flv/index.js`-->
<script src='./index.js'></script>
<script>
const player = new EzuikitFlv({
    url: "play url", // https://play.com/9999.flv
    container: "container-id", // support element id or element
    decoder: "decoder.js", // 自定义解码库加载地址, 默认放置在服务器根目录下
})

player.play()
</script>

注意: 暂不提供CDN地址, decoder静态资源需要放置在自己的服务器下(node_modules/rsl-flvdecoder.wasmdecoder.js 文件, 这两个文件需要在同一个文件夹下)

注意: 暂不提供CDN地址,decoder静态资源需要放置在自己的服务器下(node_modules/rsl-flvdecoder.wasmdecoder.js 文件, 这两个文件需要在同一个文件夹下)

注意: 暂不提供CDN地址,decoder静态资源需要放置在自己的服务器下(node_modules/rsl-flvdecoder.wasmdecoder.js 文件, 这两个文件需要在同一个文件夹下)

配置

options

api

api

examples

base-app

react-app

vue-app