前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >用 JS 把 Video 转为 Audio

用 JS 把 Video 转为 Audio

作者头像
不会跳舞的鸟
发布2022-11-16 10:04:36
4.7K0
发布2022-11-16 10:04:36
举报
文章被收录于专栏:不会跳舞的鸟不会跳舞的鸟

参考了一下 StackOverflow https://stackoverflow.com/questions/49140159/extracting-audio-from-a-video-file/49182456#49182456 以下代码可以提取出音频,但是音频体积却比源视频大的问题却没解决。 或许我该用 offlineAudioContext.startRendering() 这个方法试试?

代码语言:javascript
复制
var videoSrc = 'http://otof18y9e.bkt.clouddn.com/frag_bunny.mp4'

function startSelect(){
  var audioContext = new OfflineAudioContext(2, 44100 * 100, 44100);
  // var audioContext = new window.AudioContext()
  var videoFileAsBuffer = new Promise(requestVideo)
  videoFileAsBuffer.then(function (data) {
    console.log(data)
    audioContext.decodeAudioData(data).then(function (decodedAudioData) {
        mySoundBuffer = decodedAudioData
        soundSource = audioContext.createBufferSource()
        soundSource.buffer = mySoundBuffer
        soundSource.connect(audioContext.destination)
        // soundSource.start()
        console.log(mySoundBuffer.length)
    });
  })
}

function requestVideo(resolve){
  var xhr = new XMLHttpRequest()
  xhr.open('GET', videoSrc, true)
  xhr.responseType = 'arraybuffer' // 'blob'

  xhr.onload = function(e) {
      var binaryData = this.response
      // console.log(binaryData)
      resolve(binaryData)
  }

  xhr.send()
}

后来我知道了,音频抽取后经过了解码,成了未压缩的PCM数据,体积当然很大。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档