video-stream-parser
Advanced tools
A simple and efficient stream parser for .m3u8 playlist files, enabling seamless downloading and processing of video streams for offline playback or further manipulation. Supports various stream formats and provides an easy-to-use interface for developers
Before you begin, if you know Uzbek, you can continue in Uzbek.
This library is mainly focused on studying and downloading streams used by platforms like YouTube, Instagram, and Pinterest. The library is released for Frontend only!
Currently, if you provide a link to an .m3u8 file, the library will find and download the video with the largest size inside it. Note that audio and video are separate, as this library is designed for client-side use only. You can clone and enhance it if you wish.
For React, Vue, and Angular, simply installing it is enough!
yarn add video-stream-parser
Currently, only code for downloading m3u8 files is available!!!
import { M3U8 } from "video-stream-parser";
// You must provide the URL of the .m3u8 file!
const m3u8Url = "https://exmaple-cdn.com/hls/example_playlist.m3u8";
// Create an instance
const m3u8 = new M3U8(m3u8Url, { autoDownload: true });
m3u8
.on("progress", progress => {
console.log(progress.percentage);
})
.on("finished", finished => {
console.log(`Download finished`, finished.data);
})
.on("error", message => {
console.error(message);
})
.on("aborted", abortMessage => {
console.log(abortMessage);
});
Of course, you can also use it with VanillaJS without any frameworks!
<script src="https://cdn.jsdelivr.net/npm/video-stream-parser@latest/lib/browser/bundle.iife.js"></script>
<script src="https://unpkg.com/video-stream-parser@latest/lib/browser/bundle.umd.js"></script>
You only need to choose one of the CDN scripts above or below!
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>M3U8 Stream Download Page</title>
</head>
<body>
<script src="https://cdn.jsdelivr.net/npm/video-stream-parser@latest/lib/browser/bundle.iife.js"></script>
<script>
// You must provide the URL of the .m3u8 file!
const m3u8Url = "https://exmaple-cdn.com/hls/example_playlist.m3u8";
// The M3U8 class is already attached to the window object!
const m3u8 = new M3U8(m3u8Url, { autoDownload: true });
m3u8
.on("progress", progress => {
console.log(progress.percentage);
})
.on("finished", finished => {
console.log(`Download finished`, finished.data);
})
.on("error", message => {
console.error(message);
})
.on("aborted", abortMessage => {
console.log(abortMessage);
});
</script>
</body>
</html>
FAQs
A simple and efficient stream parser for .m3u8 playlist files, enabling seamless downloading and processing of video streams for offline playback or further manipulation. Supports various stream formats and provides an easy-to-use interface for developers
The npm package video-stream-parser receives a total of 400 weekly downloads. As such, video-stream-parser popularity was classified as not popular.
We found that video-stream-parser demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
/Security News
Two npm packages masquerading as WhatsApp developer libraries include a kill switch that deletes all files if the phone number isn’t whitelisted.
Research
/Security News
Socket uncovered 11 malicious Go packages using obfuscated loaders to fetch and execute second-stage payloads via C2 domains.
Security News
TC39 advances 11 JavaScript proposals, with two moving to Stage 4, bringing better math, binary APIs, and more features one step closer to the ECMAScript spec.