在Flutter中,我们有各种插件可供使用,从而实现音频和视频的播放功能。
例如,可以使用“text_to_speech”插件来将文字转换为语音,使用内置的“video_player”插件轻松地实现视频播放,或者使用“audioplayers”插件实现音频播放。
对于仅需要简单播放器功能的情况,也可以使用第三方插件“chewie”来实现。
一、文字转语音 - text_to_speech
text_to_speech官网
pubspec.yaml
dependencies:
text_to_speech: ^0.2.3
示例
TextToSpeech tts = TextToSpeech();
tts.setRate(0.3); // 语速
tts.setPitch(0.5); // 语调
tts.setLanguage('en-US'); // 语言
tts.speak('This is test'); // 播放文字
Android配置
安卓还需要在App的AndroidManifest.xml
中添加<queries>
:文章来源:https://www.toymoban.com/news/detail-434838.html
<manifest>
<application>
...
</application>
<queries>
<intent>
<action android:name="android.intent.action.TTS_SERVICE" />
</intent>
</queries>
</manifest>
二、播放音频 - audioplayers
audioplayers官网
pubspec.yaml
dependencies:
audioplayers: ^4.0.1
示例
class _ExampleAppState extends State<ExampleApp> {
final player = AudioPlayer();
...
void play() {
player.play(AssetSource('audio/test.mp3'));
}
...
}
三、播放视频 - video_player & chewie
播放视频需要使用到官方提供的video_player和第三方播放器chewie文章来源地址https://www.toymoban.com/news/detail-434838.html
video_player官网
chewie官网
pubspec.yaml
dependencies:
video_player: ^2.6.1
chewie: ^1.4.0
示例
class _ExampleAppState extends State<ExampleApp> {
late VideoPlayerController videoPlayerController;
late ChewieController cheController;
@override
void initState() {
// 资源控制器
videoPlayerController = VideoPlayerController.asset('assets/video/test.mp4');
// 视图控制器
cheController = ChewieController(
videoPlayerController: videoPlayerController,
aspectRatio: 16 / 9,
autoInitialize: true,
autoPlay: false,
looping: false,
);
super.initState();
}
...
// 播放器展示
Container(
height: 200,
child: Chewie(
controller: cheController,
),
),
...
}
到了这里,关于Flutter(十) 音频+视频播放的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!