~~~ function create_poster(url){ let width = 100; let height = 160; /* 創建視頻dom節點 */ let node = document.createElement("video"); node.style.width = `${width}px`; node.style.height = `${height}px`; /* 自動播放 */ node.autoplay = true; node.src = url; node.volume = 0 node.setAttribute("crossOrigin", "anonymous"); /* 創建canvas節點 */ let canvasNode = document.createElement("canvas"); canvasNode.width = width; canvasNode.height = height; const canvasFill = canvasNode.getContext("2d"); /* 把視頻變成canvas */ return new Promise(resolve => { node.onplaying = () => { canvasFill.drawImage(node, 0, 0, canvasNode.width, canvasNode.height); /* 把canvas變成圖片 */ const imgSrc = canvasNode.toDataURL("image/jpeg"); resolve(imgSrc); }; }); } ~~~ ~~~ create_poster('/de2wrg3e4sdr/uploads/xx.mp4').then((file_data)=>{ }) ~~~