video 通过视频链接地址获取视频时长

最新推荐文章于 2024-06-16 09:46:21 发布

阿东toastLi

最新推荐文章于 2024-06-16 09:46:21 发布

阅读量805

点赞数

文章标签：音视频前端

本文链接：https://blog.csdn.net/toastRouter/article/details/130167686

版权

该代码定义了一个名为getVideoLong的函数，它使用Promise处理异步操作来获取视频文件的时长。函数接受一个源参数(src)，根据类型创建video元素，设置autoplay属性并播放。监听loadedmetadata、durationchange事件以获取视频时长，如果发生错误则返回null。

摘要由CSDN通过智能技术生成


const getVideoLong = (src: any) => {
    return new Promise((res, rej) => {
        const v: any = document.createElement("video");

        if (typeof src === "string") {
            v.src = src;
        } else {
            v.src = URL.createObjectURL(src);
        }
        v.autoplay = "autoplay";

        v.play();

        v.addEventListener("loadedmetadata", () => {
            +v.duration && res(v.duration);
            !+v.duration && res(null);
        });
        v.addEventListener("durationchange", () => {
            +v.duration && res(v.duration);
            !+v.duration && res(null);
        });
        v.addEventListener("error", () => {
            res(null);
        });
    });
};
export { getVideoLong };