Flutter(十) 音频+视频播放
2023-05-06 10:36:13 来源:博客园
(相关资料图)
在Flutter中,我们有各种插件可供使用,从而实现音频和视频的播放功能。例如,可以使用“text_to_speech”插件来将文字转换为语音,使用内置的“video_player”插件轻松地实现视频播放,或者使用“audioplayers”插件实现音频播放。对于仅需要简单播放器功能的情况,也可以使用第三方插件“chewie”来实现。
一、文字转语音 - text_to_speechtext_to_speech官网pubspec.yamldependencies: 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
中添加
:
...
二、播放音频 - audioplayersaudioplayers官网pubspec.yamldependencies: audioplayers: ^4.0.1
示例class _ExampleAppState extends State { final player = AudioPlayer(); ... void play() { player.play(AssetSource("audio/test.mp3")); } ...}
三、播放视频 - video_player & chewie播放视频需要使用到官方提供的video_player和第三方播放器chewie
video_player官网chewie官网pubspec.yamldependencies: video_player: ^2.6.1 chewie: ^1.4.0
示例class _ExampleAppState extends State { 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, ), ), ...}
关键词: