当源是随机的时显示来自源的图像或视频答案

【问题标题】：Display image or video from source in react when source is random当源是随机的时显示来自源的图像或视频
【发布时间】：2022-07-24 00:06:11
【问题描述】：

我从 api 中提取某些资产，但问题是资产包含图像、视频和画布，因此源类型是随机的，我想在页面上显示所有这些，但源链接没有一个 mimetype，它只是一个 ipfs 哈希，因此无法以此为基础进行区分。

有没有办法显示图像，如果图像被视频标签破坏显示，如果它用画布标签破坏显示？

视频示例 -> https://infura-ipfs.io/ipfs/QmVSCZfGc5ArLSzra2A5yTrwASaM92sdWGj4ovZuiLTG6f

画布示例 -> https://infura-ipfs.io/ipfs/QmSD9GfNwAtBH6WVUEhfK7wX6vFbsUqRzupqjD25Pn2RQV

【问题讨论】：

标签： reactjs image canvas video ipfs

【解决方案1】：

兄弟，您可以将元数据图像指定为缩略图，如果视频属性存在，您可以使用详细页面，如果不存在或未定义，则可以显示视频与图像类似

const [video,setVideo]=useState(false)
const [image,SetImage]=useState(false)
async function(){
let metadata=axios.get(uri)
if(metadat.video !=undefined){
  setVideo(true)
}
else{
SetImage(true)
}
 }

{video &&  <video source=""></video>}
{image &&  <img src=""/>}

这只是一个例子，希望你能修改

【讨论】：