- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
screen capture of my ios device showing the issue
我正在使用以下库audio_manager,因为它很新,可用于ios和android,实际上具有通知处理功能。在android上,它使用android mediaplayer,在ios上,它使用AVplayer。
如果您要在其中添加给定的示例,并更改仅包含1首本地歌曲和1首网络歌曲且仅包含网络歌曲的歌曲列表,并在真实的ios设备上进行测试,则我实际上无法解决此问题。
首先,这是我在演示项目中替换的列表:
final list = [
{
"title": "Ambia",
"desc": "Taeo Kol",
"url": "https://www.basicmethods.org/mp3/BM_traxx_25.mp3",
"coverUrl": "https://www.countrymusicnews.de/images/stories/cd/RodneyAtkins-CaughtUpInTheCountryLP.jpg"
},
{
"title": "Terror",
"desc": "Taeo Kol",
"url": "https://dreaddymck.com/Public/MUSIC/FEATURING/project%2081.mp3",
"coverUrl": "https://images.rapgenius.com/ed068b8684cbf71e619ed940d37b0b80.900x892x1.jpg"
},
{
"title": "Confusing",
"desc": "Ministri",
"url": "https://ia800305.us.archive.org/30/items/return_201605/return.mp3",
"coverUrl": "https://static.vibe.com/uploads/2015/01/MCM9.jpg"
},
{
"title": "Dromeda",
"desc": "Ministri",
"url": "https://files.freemusicarchive.org/storage-freemusicarchive-org/music/Creative_Commons/Dead_Combo/CC_Affiliates_Mixtape_1/Dead_Combo_-_01_-_Povo_Que_Cas_Descalo.mp3",
"coverUrl": "https://static.vibe.com/uploads/2015/01/MCM7-600x600.jpg"
}
];
import 'package:flutter/material.dart';
import 'dart:async';
import 'dart:io';
import 'package:flutter/services.dart';
import 'package:audio_manager/audio_manager.dart';
import 'package:path_provider/path_provider.dart';
void main() => runApp(MyApp());
class MyApp extends StatefulWidget {
@override
_MyAppState createState() => _MyAppState();
}
class _MyAppState extends State<MyApp> {
String _platformVersion = 'Unknown';
bool isPlaying = false;
Duration _duration;
Duration _position;
double _slider;
double _sliderVolume;
String _error;
num curIndex = 0;
PlayMode playMode = AudioManager.instance.playMode;
final list = [
{
"title": "Assets",
"desc": "local assets playback",
"url": "assets/audio.mp3",
"coverUrl": "assets/ic_launcher.png"
},
{
"title": "network",
"desc": "network resouce playback",
"url": "https://dl.espressif.com/dl/audio/ff-16b-2c-44100hz.m4a",
"coverUrl": "https://homepages.cae.wisc.edu/~ece533/images/airplane.png"
}
];
@override
void initState() {
super.initState();
initPlatformState();
setupAudio();
// loadFile();
}
@override
void dispose() {
// 释放所有资源
AudioManager.instance.stop();
super.dispose();
}
void setupAudio() {
List<AudioInfo> _list = [];
list.forEach((item) => _list.add(AudioInfo(item["url"],
title: item["title"], desc: item["desc"], coverUrl: item["coverUrl"])));
AudioManager.instance.audioList = _list;
AudioManager.instance.intercepter = true;
AudioManager.instance.play(auto: false);
AudioManager.instance.onEvents((events, args) {
print("$events, $args");
switch (events) {
case AudioManagerEvents.start:
print("start load data callback");
_position = AudioManager.instance.position;
_duration = AudioManager.instance.duration;
_slider = 0;
setState(() {});
break;
case AudioManagerEvents.ready:
print("ready to play");
_error = null;
_sliderVolume = AudioManager.instance.volume;
_position = AudioManager.instance.position;
_duration = AudioManager.instance.duration;
setState(() {});
AudioManager.instance.seekTo(Duration(seconds: 10));
break;
case AudioManagerEvents.seekComplete:
_position = AudioManager.instance.position;
_slider = _position.inMilliseconds / _duration.inMilliseconds;
setState(() {});
print("seek event is completed. position is [$args]/ms");
break;
case AudioManagerEvents.buffering:
print("buffering $args");
break;
case AudioManagerEvents.playstatus:
isPlaying = AudioManager.instance.isPlaying;
setState(() {});
break;
case AudioManagerEvents.timeupdate:
_position = AudioManager.instance.position;
_slider = _position.inMilliseconds / _duration.inMilliseconds;
setState(() {});
AudioManager.instance.updateLrc(args["position"].toString());
break;
case AudioManagerEvents.error:
_error = args;
setState(() {});
break;
case AudioManagerEvents.ended:
AudioManager.instance.next();
break;
case AudioManagerEvents.volumeChange:
_sliderVolume = AudioManager.instance.volume;
setState(() {});
break;
default:
break;
}
});
}
void loadFile() async {
final appDocDir = await getApplicationDocumentsDirectory();
// Please make sure the `test.mp3` exists in the document directory
final file = File("${appDocDir.path}/test.mp3");
AudioInfo info = AudioInfo("file://${file.path}",
title: "file",
desc: "local file",
coverUrl: "https://homepages.cae.wisc.edu/~ece533/images/baboon.png");
list.add(info.toJson());
AudioManager.instance.audioList.add(info);
}
Future<void> initPlatformState() async {
String platformVersion;
try {
platformVersion = await AudioManager.instance.platformVersion;
} on PlatformException {
platformVersion = 'Failed to get platform version.';
}
if (!mounted) return;
setState(() {
_platformVersion = platformVersion;
});
}
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: const Text('Plugin audio player'),
),
body: Center(
child: Column(
children: <Widget>[
Text('Running on: $_platformVersion\n'),
Padding(
padding: EdgeInsets.symmetric(horizontal: 16),
child: volumeFrame(),
),
Expanded(
child: ListView.separated(
itemBuilder: (context, index) {
return ListTile(
title: Text(list[index]["title"],
style: TextStyle(fontSize: 18)),
subtitle: Text(list[index]["desc"]),
onTap: () => AudioManager.instance.play(index: index),
);
},
separatorBuilder: (BuildContext context, int index) =>
Divider(),
itemCount: list.length),
),
Center(
child: Text(_error != null
? _error
: "${AudioManager.instance.info.title} lrc text: $_position")),
bottomPanel()
],
),
),
),
);
}
Widget bottomPanel() {
return Column(children: <Widget>[
Padding(
padding: EdgeInsets.symmetric(horizontal: 16),
child: songProgress(context),
),
Container(
padding: EdgeInsets.symmetric(vertical: 16),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: <Widget>[
IconButton(
icon: getPlayModeIcon(playMode),
onPressed: () {
playMode = AudioManager.instance.nextMode();
setState(() {});
}),
IconButton(
iconSize: 36,
icon: Icon(
Icons.skip_previous,
color: Colors.black,
),
onPressed: () => AudioManager.instance.previous()),
IconButton(
onPressed: () async {
bool playing = await AudioManager.instance.playOrPause();
print("await -- $playing");
},
padding: const EdgeInsets.all(0.0),
icon: Icon(
isPlaying ? Icons.pause : Icons.play_arrow,
size: 48.0,
color: Colors.black,
),
),
IconButton(
iconSize: 36,
icon: Icon(
Icons.skip_next,
color: Colors.black,
),
onPressed: () => AudioManager.instance.next()),
IconButton(
icon: Icon(
Icons.menu,
color: Colors.black,
),
onPressed: () {
print("click menu");
}),
],
),
),
]);
}
Widget getPlayModeIcon(PlayMode playMode) {
switch (playMode) {
case PlayMode.sequence:
return Icon(
Icons.repeat,
color: Colors.black,
);
case PlayMode.shuffle:
return Icon(
Icons.shuffle,
color: Colors.black,
);
case PlayMode.single:
return Icon(
Icons.repeat_one,
color: Colors.black,
);
}
return Container();
}
Widget songProgress(BuildContext context) {
var style = TextStyle(color: Colors.black);
return Row(
children: <Widget>[
Text(
_formatDuration(_position),
style: style,
),
Expanded(
child: Padding(
padding: EdgeInsets.symmetric(horizontal: 5),
child: SliderTheme(
data: SliderTheme.of(context).copyWith(
trackHeight: 2,
thumbColor: Colors.blueAccent,
overlayColor: Colors.blue,
thumbShape: RoundSliderThumbShape(
disabledThumbRadius: 5,
enabledThumbRadius: 5,
),
overlayShape: RoundSliderOverlayShape(
overlayRadius: 10,
),
activeTrackColor: Colors.blueAccent,
inactiveTrackColor: Colors.grey,
),
child: Slider(
value: _slider ?? 0,
onChanged: (value) {
setState(() {
_slider = value;
});
},
onChangeEnd: (value) {
if (_duration != null) {
Duration msec = Duration(
milliseconds:
(_duration.inMilliseconds * value).round());
AudioManager.instance.seekTo(msec);
}
},
)),
),
),
Text(
_formatDuration(_duration),
style: style,
),
],
);
}
String _formatDuration(Duration d) {
if (d == null) return "--:--";
int minute = d.inMinutes;
int second = (d.inSeconds > 60) ? (d.inSeconds % 60) : d.inSeconds;
String format = ((minute < 10) ? "0$minute" : "$minute") +
":" +
((second < 10) ? "0$second" : "$second");
return format;
}
Widget volumeFrame() {
return Row(children: <Widget>[
IconButton(
padding: EdgeInsets.all(0),
icon: Icon(
Icons.audiotrack,
color: Colors.black,
),
onPressed: () {
AudioManager.instance.setVolume(0);
}),
Expanded(
child: Padding(
padding: EdgeInsets.symmetric(horizontal: 0),
child: Slider(
value: _sliderVolume ?? 0,
onChanged: (value) {
setState(() {
_sliderVolume = value;
AudioManager.instance.setVolume(value, showVolume: true);
});
},
)))
]);
}
}
最佳答案
自从库创建者的最新更新以来,此问题已得到解决。
音频管理器:^ 0.5.4
您可以在这里下载:https://pub.dev/packages/audio_manager#-installing-tab-
关于ios - 播放下一首歌曲时播放器中的flutter audio_manager ios延迟,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61360158/
SQLite、Content provider 和 Shared Preference 之间的所有已知区别。 但我想知道什么时候需要根据情况使用 SQLite 或 Content Provider 或
警告:我正在使用一个我无法完全控制的后端,所以我正在努力解决 Backbone 中的一些注意事项,这些注意事项可能在其他地方更好地解决......不幸的是,我别无选择,只能在这里处理它们! 所以,我的
我一整天都在挣扎。我的预输入搜索表达式与远程 json 数据完美配合。但是当我尝试使用相同的 json 数据作为预取数据时,建议为空。点击第一个标志后,我收到预定义消息“无法找到任何内容...”,结果
我正在制作一个模拟 NHL 选秀彩票的程序,其中屏幕右侧应该有一个 JTextField,并且在左侧绘制弹跳的选秀球。我创建了一个名为 Ball 的类,它实现了 Runnable,并在我的主 Draf
这个问题已经有答案了: How can I calculate a time span in Java and format the output? (18 个回答) 已关闭 9 年前。 这是我的代码
我有一个 ASP.NET Web API 应用程序在我的本地 IIS 实例上运行。 Web 应用程序配置有 CORS。我调用的 Web API 方法类似于: [POST("/API/{foo}/{ba
我将用户输入的时间和日期作为: DatePicker dp = (DatePicker) findViewById(R.id.datePicker); TimePicker tp = (TimePic
放宽“邻居”的标准是否足够,或者是否有其他标准行动可以采取? 最佳答案 如果所有相邻解决方案都是 Tabu,则听起来您的 Tabu 列表的大小太长或您的释放策略太严格。一个好的 Tabu 列表长度是
我正在阅读来自 cppreference 的代码示例: #include #include #include #include template void print_queue(T& q)
我快疯了,我试图理解工具提示的行为,但没有成功。 1. 第一个问题是当我尝试通过插件(按钮 1)在点击事件中使用它时 -> 如果您转到 Fiddle,您会在“内容”内看到该函数' 每次点击都会调用该属
我在功能组件中有以下代码: const [ folder, setFolder ] = useState([]); const folderData = useContext(FolderContex
我在使用预签名网址和 AFNetworking 3.0 从 S3 获取图像时遇到问题。我可以使用 NSMutableURLRequest 和 NSURLSession 获取图像,但是当我使用 AFHT
我正在使用 Oracle ojdbc 12 和 Java 8 处理 Oracle UCP 管理器的问题。当 UCP 池启动失败时,我希望关闭它创建的连接。 当池初始化期间遇到 ORA-02391:超过
关闭。此题需要details or clarity 。目前不接受答案。 想要改进这个问题吗?通过 editing this post 添加详细信息并澄清问题. 已关闭 9 年前。 Improve
引用这个plunker: https://plnkr.co/edit/GWsbdDWVvBYNMqyxzlLY?p=preview 我在 styles.css 文件和 src/app.ts 文件中指定
为什么我的条形这么细?我尝试将宽度设置为 1,它们变得非常厚。我不知道还能尝试什么。默认厚度为 0.8,这是应该的样子吗? import matplotlib.pyplot as plt import
当我编写时,查询按预期执行: SELECT id, day2.count - day1.count AS diff FROM day1 NATURAL JOIN day2; 但我真正想要的是右连接。当
我有以下时间数据: 0 08/01/16 13:07:46,335437 1 18/02/16 08:40:40,565575 2 14/01/16 22:2
一些背景知识 -我的 NodeJS 服务器在端口 3001 上运行,我的 React 应用程序在端口 3000 上运行。我在 React 应用程序 package.json 中设置了一个代理来代理对端
我面临着一个愚蠢的问题。我试图在我的 Angular 应用程序中延迟加载我的图像,我已经尝试过这个2: 但是他们都设置了 src attr 而不是 data-src,我在这里遗漏了什么吗?保留 d
我是一名优秀的程序员,十分优秀!