Javascript 音频 blob 缺少元数据信息

大佬教程收集整理的这篇文章主要介绍了Javascript 音频 blob 缺少元数据信息，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决Javascript 音频 blob 缺少元数据信息？

开发过程中遇到Javascript 音频 blob 缺少元数据信息的问题如何解决？下面主要结合日常开发的经验，给出你关于Javascript 音频 blob 缺少元数据信息的解决方法建议，希望对你解决Javascript 音频 blob 缺少元数据信息有所启发或帮助；

我正在尝试制作一个记录音频并将其上传到服务器的 React 应用程序。它创建的音频 blob 似乎缺少元数据信息，如比特率、持续时间，这会导致服务器出错。我不确定为什么会发生这种情况以及如何解决这个问题。
我目前正在使用这个库来记录 https://www.npmjs.com/package/react-media-recorder 我也尝试过 fix-webm-duration ，它确实添加了元数据，但我的服务器不接受 webm，因此不能将其用作适当的解决方案

import { useReactMediaRecorder } from "react-media-recorder";
import { useEffect } from "react";
import fileSaver from 'file-saver'
import ysFixWebmDuration from 'fix-webm-duration'
 
const RecordVIEw = () => {
  const {
    status,startRecording,stopRecording,mediaBlobUrl,} = useReactMediaRecorder({ vIDeo: false });

  useEffect(()=>{
    console.log(mediaBlobUrl);
    if(mediaBlobUrl){
    fetch(mediaBlobUrl).then(res=>{
      return res.blob()
    }).then(blob=>{
      ysFixWebmDuration(blob,3,(fixedBlob)=>{
        console.log(fixedBlob,'new.wav');
      })
    })}

  },[mediaBlobUrl])
 
  return (
    <div>
      <p>{status}</p>
      <button onClick={startRecording}>Start Recording</button>
      <button onClick={stopRecording}>Stop Recording</button>
      <vIDeo src={mediaBlobUrl} controls/>
    </div>
  );
};

export default RecordVIEw;

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

大佬总结

以上是大佬教程为你收集整理的Javascript 音频 blob 缺少元数据信息全部内容，希望文章能够帮你解决Javascript 音频 blob 缺少元数据信息所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。