0

我一直在尝试使用react-player 播放单个音频文件，但它似乎没有正确读取文件。这是我用来播放文件的 React 道具。

<ReactPlayer 
    forceAudio
    controls
    width='100%'
    url='../../../../../build/assets/audio/Big_O_Opening_US_Version.mp3'
    type = 'audio/mp3'
/>

每当我的应用程序呈现播放器时，播放器都不会读取文件并在 Firefox 控制台中给我以下错误：

Cannot play media. No decoders for requested formats: text/html

我用过的其他浏览器没有

4

1 回答 1

1

在 webpack 中为 mp3 添加文件加载器

您的加载器需要了解您使用的文件，您可以使用 webpack 中的标准文件加载器将这些文件捆绑到您的构建中。这里有一个关于如何使用它的问题。然后将文件作为变量导入并将其传递给您的组件。导入很重要，因为这就是 webpack 看到要捆绑的内容的方式。

import mp3 from '../../../../../build/assets/audio/Big_O_Opening_US_Version.mp3';

...

<ReactPlayer 
    forceAudio
    controls
    width='100%'
    url={mp3}
    type = 'audio/mp3'
/>
于 2020-03-24T09:57:41.443 回答