0.2.4 • Published 2 years ago
@netless/app-plyr v0.2.4
@netless/app-plyr
Netless App for playing video and audio.
Usage
manager.addApp({
kind: "Plyr",
options: {
title: "YouTube",
},
attributes: {
src: "https://www.youtube.com/embed/bTqVqk7FSmY",
provider: "youtube",
},
});
m3u8
support
HLS support is provided by video-dev/hls.js.
NOTES:
To reduce the package size, hls.js is loaded dynamically using script tag.
If you do not want to use cdn, you should load hls.js yourself before adding this app.
- Install hls.js via
npm add hls.js
. Import and assign
Hls
towindow.Hls
:import { Hls } from "hls.js"; window.Hls = Hls;
- Install hls.js via
If you do not need HLS, you can set
window.Hls
tofalse
ornull
to disable this loading, in which case you will not be able to play HLS streaming unless the browser support it natively.
autoplay
not working
Autoplay is generally not recommended as it is seen as a negative user experience. It is also disabled in many browsers. Before raising issues, do your homework. More info can be found here:
- https://webkit.org/blog/6784/new-video-policies-for-ios
- https://developers.google.com/web/updates/2017/09/autoplay-policy-changes
- https://hacks.mozilla.org/2019/02/firefox-66-to-block-automatically-playing-audible-video-and-audio
License
MIT @ netless