NodeJS src属性或分配的媒体提供程序出错

dldeef67  于 2023-06-22  发布在  Node.js
关注(0)|答案(1)|浏览(79)

我试图从Google Firebase API的链接导入视频到TIKTOK克隆应用程序。但是,当我按下播放时,出现以下错误信息:
错误src属性或分配的媒体提供程序对象指示的媒体资源不合适。
下面是我正在使用的React代码,其中包含一个函数来处理视频的开始。视频来源于Firebase Storage上的URL。

import React, { useRef, useState } from "react";
import "./video.css";

function Video() {
  const videoRef = useRef(null);
  const [play, setPlay] = useState(false);

  function handleStart() {
    if (play) {
      videoRef.current.pause();
      setPlay(true);
    } else {
      videoRef.current.play();
      setPlay(true);
    }
  }

  return (
    <div className="video">
      <video
        className="video__player"
        ref={videoRef}
        onClick={handleStart}
        loop
        src="https://firebasestorage.googleapis.com/v0/b/jornada-dev.appspot.com/o/brecker2.mp4?alt=media&token=b5399418-9276-4e53-a706-1e00290c2c74"
      >
        
      </video>
    </div>
  );
}

export default Video;
9lowa7mx

9lowa7mx1#

嗨,👋我可以假设每当请求响应一个对象或错误,而不是一个实际的媒体blob,它会抛出媒体类型不适合的错误。
你可以先尝试用JavaScript获取blob,检查是否没有错误,对象类型确实是mp4,然后才将其设置为src,这样就可以100%确定你传递给src的是什么类型。

onError={event => console.log(event.target.error.message)}

相关问题