前端直传视频到OSS存储，如何获取视频的长度？获得多少秒？

您好，对象存储OSS目前暂不支持获取上传至OSS的音视频宽高及播放时长信息。若想要获取视频信息，可尝试使用视频点播服务，其中接口GetVideoInfo可获取音视频时长。

或者使用第三方的ffplay、ffmpeg等与音视频服务相关的工具。

这个需求可以通过HTML5的File API和Media Source Extensions API来实现。首先，你需要在前端创建一个input元素来让用户选择视频文件，然后使用File API读取文件，接着使用Media Source Extensions API来获取视频的总时长。

以下是一个简单的示例代码：

<template>
  <div>
    <input type="file" @change="handleFileChange">
    <p v-if="videoDuration">视频总时长（秒）： {{ videoDuration }}</p>
  </div>
</template>

<script>
import { ref } from 'vue';

export default {
  setup() {
    const videoDuration = ref(null);

    const handleFileChange = async (event) => {
      const file = event.target.files[0];
      if (!file) return;

      const video = document.createElement('video');
      video.src = URL.createObjectURL(file);
      await new Promise((resolve) => video.onloadedmetadata = resolve);
      videoDuration.value = video.duration;
    };

    return {
      videoDuration,
      handleFileChange,
    };
  },
};
</script>

这段代码中，我们首先创建了一个input元素，当用户选择文件后，会触发handleFileChange函数。在这个函数中，我们使用File API读取用户选择的文件，然后创建一个video元素，将文件的URL设置为video元素的src属性。当video元素的metadata加载完成后，我们就可以获取到视频的总时长了。