ffmpeg.js实现在线多个视频合并生成新视频代码

代码语言:html

所属分类:多媒体

代码描述:ffmpeg.js实现在线多个视频合并生成新视频代码

代码标签: ffmpeg.js 在线 多个 视频 合并 生成 新视频 代码

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开


<!DOCTYPE html>
<html lang="en" >

<head>

  <meta charset="UTF-8">

  
  
  
  
<style>
body {
  font-family: system-ui;
  background: #f06d06;
  color: white;
  text-align: center;
}
</style>



</head>


<body>
    <h1> 
        Video Playlist Maker
    </h1>
    <video id = "output-video" controls> 

    </video>
    <br>
    <input type="file" id = "uploader" multiple/>
    <p id="message" />
    



  <script src='//repo.bfw.wiki/bfwrepo/js/ffmpeg/0.6.1/ffmpeg.min.js'></script>
      <script  >
document.getElementsByTagName("h1")[0].style.fontSize = "6vw";

const message = document.getElementById("message");
const { createWorker } = FFmpeg;

const worker = createWorker({
  progress: ({ ratio }) => {
    message.innerHTML = `Complete: ${(ratio * 100.0).toFixed(2)}%`;
  },
  logger: data => console.........完整代码请登录后点击上方下载按钮下载查看

网友评论0