Flutter 鸿蒙化实战:just_audio 适配 OpenHarmony,功能强大的播放器

Flutter 鸿蒙化实战:just_audio 适配 OpenHarmony## 前言随着鸿蒙生态的快速发展,越来越多的 Flutter 应用需要适配 OpenHarmony 平台。但生态早期,大量常用三方库只有 Android / iOS 实现,鸿蒙侧只能自己造轮子。为了解决这个问题,CPF-Flutter 社区 对一批高频使用的 Flutter 三方库做了 OpenHarmony 平台适配,统一托管在 GitCode 的 CPF-Flutter 组织 下,全部通过 TAG 版本隔离、配套门禁编译验证,开箱即用。本篇是系列文章之一,主角是 just_audio ------ 功能强大的音频播放插件。## just_audio 是什么just_audio(原库 0.10.5)是一款功能全面的音频播放插件,支持:- 多来源 :网络 URL、本地文件、资源 / App 内资产;- 播放控制 :play / pause / seek / stop / setLoopMode;- 状态流 :playerStateStream、positionStream、durationStream,便于做进度条;- 倍速播放 :setSpeed。典型场景:音乐/播客 App、语音消息、有声书、录音回放。## 适配情况| Flutter 框架版本 | TAG 名称 | 分支名 || --- | --- | --- || 3.7 | 0.10.5-ohos-1.0.0 | master || 3.22 | 0.10.5-ohos-1.0.0 | master |已验证环境(3.22 为例):Flutter 3.22.x-ohos;SDK 5.0.0(12);DevEco Studio 5.0.13.200;ROM 5.1.0.120 SP3。> !NOTE 鸿蒙版当前适配 3.7 / 3.22 两个 Flutter 版本(3.27/3.35 未在 README 兼容列表中)。## 快速接入在 pubspec.yaml 中添加 git 依赖:yamldependencies: just_audio: git: url: https://gitcode.com/CPF-Flutter/fluttertpc_just_audio.git # 按你的 Flutter 框架版本,从上方映射表选择对应 TAG ref: 0.10.5-ohos-1.0.0执行:bashflutter pub get## 使用示例### 播放网络音频dartimport 'package:just_audio/just_audio.dart';final player = AudioPlayer();await player.setUrl('https://example.com/audio.mp3'); // 网络// 或本地: await player.setFilePath('/sdcard/1.mp3');// 或资源: await player.setAsset('assets/audio/1.mp3');player.play(); // 播放player.pause(); // 暂停await player.seek(Duration(seconds: 30));### 完整示例:简易音频页dartimport 'package:flutter/material.dart';import 'package:just_audio/just_audio.dart';class AudioPage extends StatefulWidget { const AudioPage({super.key}); @override State<AudioPage> createState() => _AudioPageState();}class _AudioPageState extends State<AudioPage> { final AudioPlayer _player = AudioPlayer(); @override void dispose() { _player.dispose(); super.dispose(); } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: const Text('音频播放')), body: Column( children: [ StreamBuilder<Duration>( stream: _player.positionStream, builder: (context, snap) => Text('进度:${snap.data ?? Duration.zero}'), ), StreamBuilder<PlayerState>( stream: _player.playerStateStream, builder: (context, snap) => Row( children: [ IconButton( onPressed: () => _player.pause(), icon: const Icon(Icons.pause), ), IconButton( onPressed: () => _player.play(), icon: const Icon(Icons.play_arrow), ), ], ), ), TextButton( onPressed: () async { await _player.setUrl('https://example.com/audio.mp3'); _player.play(); }, child: const Text('加载并播放'), ), ], ), ); }}## API 支持一览| API | 说明 | ohos 支持 || --- | --- | --- || setUrl | 加载网络音频 | yes || setAsset / setFilePath | 资源/本地文件 | yes || play / pause / seek | 播放控制 | yes || playerStateStream | 播放状态流 | yes || positionStream / durationStream | 进度/时长流 | yes || setSpeed | 倍速播放 | yes |> !TIP ohos Support 为 yes 表示鸿蒙平台支持该能力,使用方式与 iOS / Android 保持一致。## 仓库地址- OpenHarmony 适配仓库:https://gitcode.com/CPF-Flutter/fluttertpc_just_audio- 使用问题反馈:请到 CPF-Flutter 社区 Issues 提交问题(社区统一收集跟进);本仓库 Issues 区亦可。## 系列预告截至目前,CPF-Flutter 社区已完成 250+ 个 Flutter 三方库的 OpenHarmony 平台适配,覆盖权限管理、UI 组件、设备信息、位置服务、媒体处理、网络、支付等多个领域,完整的适配清单(含每个库的版本映射表)见:- 适配总览文档 :https://gitcode.com/CPF-Flutter/docs/blob/main/ThirdpartyLibrarites.md- 仓库组织:https://gitcode.com/CPF-Flutter本系列后续会陆续挑选高频库展开讲解,比如权限管理(permission_handler)、数据库(sqflite)、安全存储(flutter_secure_storage)、内嵌网页(flutter_inappwebview)等。如果你的 Flutter 应用正在计划适配鸿蒙,欢迎关注 CPF-Flutter 组织,也欢迎参与共建。

相关推荐
2501_944521592 小时前
Ramda 跨端三方库仓颉适配全流程
开发语言·javascript·flutter·php
鸿蒙开发6 小时前
共享 Schema 与 SchemaFactory
前端·后端·harmonyos
大龄秃头程序员9 小时前
Flutter 架构里总被混淆的 IoC、DI、Service Locator,到底是什么关系?
flutter
二流小码农9 小时前
HarmonyOS开发助手,0代码让元服务从开发到上架
android·ios·harmonyos
产品人卫朋10 小时前
MTL如何把市场机会转化为有效销售线索?
人工智能·华为·产品经理·ipd流程·流程架构·mtl流程
贾伟康11 小时前
【共创稿事节】第一张服务卡片:2×2 今日菜谱的克制设计
microsoft·harmonyos·arkts·鸿蒙
2501_9445257611 小时前
开源鸿蒙平台 KMP_CMP 三方库「Atrium」适配全流程
microsoft·开源·harmonyos
less_1213811 小时前
鸿蒙 WPS Open SDK 二开复盘:从注册、打开到回传的完整能力链
服务器·sdk·harmonyos·wps·鸿蒙开发
2601_9495758612 小时前
开源鸿蒙平台 CMP 三方库「voyager」适配全流程
华为·开源·harmonyos
2601_9495758613 小时前
开源鸿蒙平台 CMP 三方库「compose-multiplatform-2048」适配全流程
华为·开源·harmonyos