flvjs的使用案例
- flvjs是web播放flv视频的解决方案,想了解源代码的可以 点击这里
- 以下是flv的使用案例
第一步:首先最好本地有一个flv格式的视频,如果没有flv格式的视频,要是有其他格式的视频,你可以使用格式工厂转换成flv格式的视频,如果什么都没有,那只能下载flv视频了,以下是一个下载方法:- 安装
ibili
npm i ibili
// demo.js const ibili = require('ibili') ibili.downloadVideo({
url:"https://www.bilibili.com/video/av?from=search&seid=" }).then(()=>{
console.log("视频下载完成!") })
- 这段代码可以下载 周杰伦告白气球MV 的 flv视频,运行
node demo就可以下载了,另外对ibili感兴趣的可以 点击这里 - 下载完之后可以看见,media文件夹下面有一个
-1-15.flv,准备工作算是完成了 第二步:创建一个 http服务器,内容如下:
// server.js const http = require('http') const fs = require("fs") http.createServer((__req, __res)=>{
__res.setHeader("Access-Control-Allow-Origin","*") __res.setHeader("Content-Type","video/x-flv") fs.createReadStream("./media/-1-15.flv").pipe(__res) }).listen(3000,function(){
console.log('server is running at http://localhost:3000') })
- 运行
node server启动http服务器 第三步:创建一个 html文件,内容如下:
<html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <script src="./node_modules/flv.js/dist/flv.min.js">
script> <title>Document
title>
head> <body> <video id="videoElement" controls style="outline: none;" >
video> <script> if (flvjs.isSupported()) {
var videoElement = document.getElementById('videoElement'); var flvPlayer = flvjs.createPlayer({
type: 'flv', isLive: true, url: 'http://localhost:3000', hasAudio:true, hasVideo:true, enableStashBuffer: true }); flvPlayer.attachMediaElement(videoElement); flvPlayer.load(); flvPlayer.play(); }
script>
body>
html>
- 之后使用浏览器打开 demo.html,就可以看见 flv视频成功播放了
发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/230024.html原文链接:https://javaforall.net
