为什么Vue3需要音频元素中的源元素？

Question

可以玩mp3。Vue 2版本。但不适用于Vue3。

​

<template>
  <audio
    src="../file_example_MP3_700KB.mp3"
    controls
  ></audio>
</template>

​

这需要用Vue3这样做。

<template>
  <audio controls>
    <source src="../assets/file_example_MP3_700KB.mp3" type="audio/mpeg">
  </audio>
</template>

​

为什么我需要一个源元素？

Answer 1

如果只为<audio>元素提供单个媒体资源，则不需要源元素。

<audio>和<source>不是特定于Vue的元素。

<source> HTML元素为<picture>、<audio>元素或<video>元素(来源)指定多个媒体资源。

<template>
  <audio
    controls
    src="../assets/file_example_MP3_700KB.mp3">
  </audio>
</template>