Flutter(十) 音频+视频播放

2023-05-06 10:36:13     来源:博客园


(相关资料图)

在Flutter中,我们有各种插件可供使用,从而实现音频和视频的播放功能。例如,可以使用“text_to_speech”插件来将文字转换为语音,使用内置的“video_player”插件轻松地实现视频播放,或者使用“audioplayers”插件实现音频播放。对于仅需要简单播放器功能的情况,也可以使用第三方插件“chewie”来实现。

一、文字转语音 - text_to_speechtext_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中添加:

        ...                                        
二、播放音频 - audioplayersaudioplayers官网pubspec.yaml
dependencies:  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.yaml
dependencies:    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,    ),  ),  ...}

关键词:

明星

电影