Web上音频播放器的duration为null（Flutter）

在Web上，Flutter的音频播放器获取音频文件的duration（持续时间）时会返回null。这是因为Web音频API有与移动平台不同的Web Audio API。

解决此问题的一种方法是使用Dart语言提供的js库“dart.js”，该库允许您使用JavaScript API来解决此问题。

以下是使用dart.js解决此问题的示例代码：

1. 导入dart.js：

import 'dart:js' as js;

2. 在需要使用duration的地方，使用以下代码：

final duration = js.context.callMethod('getDuration', [mediaUrl]);

其中，getDuration函数是自定义的JavaScript函数，它接受一个参数：音频文件的URL。该函数使用Web Audio API获取音频文件的duration并将其作为返回值返回。

3. 在您的HTML文件中添加以下JavaScript代码：

<script> function getDuration(mediaUrl) { var audio = new Audio(); audio.src = mediaUrl; audio.addEventListener('loadedmetadata', function() { var duration = audio.duration; js.context.callMethod('setDuration', [duration]); }); } </script>

此JavaScript代码定义了一个名为“getDuration”的函数，该函数接受一个参数：音频文件的URL。该函数创建一个新的音频元素并将其源设置为所提供的URL。一旦音频元素的“loadedmetadata”事件被触发，它将获取音频元素的duration并使用setDuration函数将其传递回Dart代码。

4. 在您的Dart代码中添加以下代码：

void setDuration(double duration) { setState(() { _duration = duration; }); }

此函数将返回的duration值作为参数，并使用setState方法将其设置为Flutter音频播放器的持续时间。

通过使用dart.js库以及自定义的JavaScript函数，您可以在Web上解决Flutter音频播放器获取duration为null的问题。