高德智慧景区随身听播放器框架设计与实现

2020 年 7 月 30 日

高德智慧景区随身听播放器框架设计与实现

一、背景


“远看山有色,近听水‘ ”,景区语音导览是智慧景区重点业务之一,以用地图可以边走边听景区各景点的语音介绍为主要诉求,实现高德智慧景区地图不仅可以看,还可以听,从而使用户交互体验得到跨越式提高。


我们想要让“技术有温度”,让讲解更加有感情和内涵,最好可以通过讲解构造一个“UGC 景区讲解生态圈”,并且还能帮助讲解创作者有一定的收益,以达到“生态圈的正向循环”,让线上导游“天下没有难做的生意”。


试想一下,当游客走进故宫,这时,高德地图的语音包可以播放:“故宫有 180 万件宝贝,青铜馆、陶瓷馆……”这段话的讲解人,是著名收藏家、古董鉴赏家马未都,是不是更加吸引你关注?另外,当你漫步到延禧宫,语音包则会立刻讲一讲延禧宫与大热的电视剧《延禧攻略》有什么关系,并且有背景音插入,是多么生动形象。


所以,我们开发选型并没有采用传统的 TTS 技术(由文本内容生成机器语音),而是采用了更加通用音频格式(比如 mp3),作为讲解的音频输入源,方便讲解者进行二次创作。本文将简单回顾高德智慧景区随身听播放器的框架设计与实现。


二、架构设计前思考


“夫未战而庙算胜者,得算多也;未战而庙算不胜者,得算少也”,拉开战斗序幕之前我们应该尽量去“庙算”,提前预防和判断并保证技术风险可控,俗称“防火”。“防火”更能看出本事,而“救火”只是能力。开发应尽量做到“不打无准备之仗”。


首先, 如何提升开发和后续迭代效率? 此问题涉及到是纯 Native 开发还是用跨平台混合技术开发。如果用纯 Native,双端开发人力可能会使工作量翻倍,后期可维护性也差,经常需要双端同步拉齐。但纯 Native 开发声音相关的技术方案成熟且风险较小。而用跨平台混合技术开发,优点和缺点正好与单纯 Native 开发相反。经过小组多次技术讨论,看长远利益,最终确定用跨平台技术方案,用该方案虽然技术挑战和风险大(比如需要和跨平台架构支撑团队一起“无中生有”的去打通 JS 的播放链路和各种音频中断能力回调等),但这个方案有个强有力的好处,就是可以“Write Once, Run Everywhere”(这里的 Everywhere 主要是指移动端操作系统),这样可以天然的拉齐双端业务代码能力,大大节约开发周期和人力,对业务快速功能迭代很有优势,再苦再累再难也值得为此努力。


其次, 如何节省 CPU 和内存资源? 做移动开发的同学都知道,音频播放是耗系统软硬件资源的(比如 CPU、内存还有电量等),另外音频播放不仅仅是涉及到单个 App 的事情,还涉及到第三方 App 音频播放的影响(比如系统来电声音焦点抢占,其他音乐 App 播放焦点抢占问题等)。


所以,业务层开发,要对底层播放器提供的播放能力进行二次封装,一是要控制播放器实例的随意创建。二是要处理各第三方 App 的音频播放焦点的申请和释放等逻辑业务。由此可见,搭建一个通用的业务播放器框架势在必行,受益良多。


再次, 如何使业务与音频本身的播放框架能力隔离? 业务多变,而音频播放能力相对来说是稳定的,其基本能力包括但不局限于(首次 &续接)播放,暂停,抢占,打断,音量调节(渐渐变强),物理(如耳机)按键响应,打断后场景恢复,缓存,预加载,强弱网络和播放异常等。这些音频本身的技术能力,最好应该是和纯业务是解耦的,尽量做到“高内聚,低耦合”。


后来,经过深思熟虑,我们认为设计模式中的“ObserverPattern 观察者模式”,比较切合这一技术背景。纯业务和音频框架本身制定通用的接口协议,然后纯业务自由注册监听器到音频播放框架中,根据关心的回调事件自由处理自己的业务,而音频框架本身只做主要的焦点抢占,现场恢复和事件分发等事情,非常符合 SRP 原则(单一职责),后续调试和维护都很方便。


最后,如何实现跨 Page 播放能力?如下图所示:



随身听很多业务是有跨 Page 播放要求的,如果将播放能力直接提供出来,由各个页面的 Page 自己维护,势必会生出很多的 Audio,混乱而且页面相互通信交换信息成本高。后经过讨论,就有了如下图的架构方式设计:



结合跨平台底层播放器的特性,虚拟出来一个 BizService 放在跨平台框架的 Service 容器(和安卓里面的 Service 概念差不多,提供一个无界面的可以处理公共业务的容器)里面,处理 Page 页面业务管理和信息交换以及缓存管理,BizService 只和 BizVoiceMediaCenter 交互管理音频数据,也就是说 BizVoiceMediaCenter 是通用播放器框架对外一个"门面"(Facade 门面设计模式)。BizVoiceMediaCenter 里面会有且仅有一个 VoiceMediaAlbum 实例(播放专辑,提供“上一曲”,“下一曲”,顺序播放,续播等能力)。


三、架构设计和开发


首先,我们先简单看下跨平台底层播放器的生命周期,如下图所示:



熟悉 Native 开发的同学应该知道,跨平台底层播放器的架构和生命周期,和 Android 本身系统播放器非常相似,差异点是音频焦点被抢占和恢复的回调部分,iOS 设备是 onInterrupted,当音频被其他应用打断开始时回调,如电话铃声响起触发此回调(在此回调中保存播放器状态,以便在 onInterruptedEnd 回调中恢复播放)。onInterruptedEnd,当音频被其他应用打断结束时回调,如挂断后触发此回调。而 Android 是 onFocusChanged,当音频焦点变化后回调。当然还有其它一些细微差别,比如双端,播放错误码不一致,播放异常超时逻辑不一致等。但这些都可以通过在业务层构建自己 VoiceMediaPlayer 来拉齐以及处理通用音频焦点抢占和丢失场景的逻辑。


通过上面分析,我们可以大体搭出如下图业务播放器的整体框架图(图中箭头表示数据流的方向)。



我们可以很容易的看出,业务对跨平台底层播放器 Audio 进行了二次封装为 VoiceMediaPlayer,拉齐和处理通用业务场景(比如抢焦点,播放,现场恢复,播放异常,蓝牙或耳机物理按键响应等)。


VoiceMediaPlayer 再上层是 VoiceMediaAlbum(播放专辑),VoiceMediaAlbum 专辑类,主要是处理顺序播放,上一曲,下一曲,整个专辑播放事件(单曲播放信息和进度,整体播放进度透出,自动切换顺序,循环或业务指定下一曲播放等),VoiceMediaAlbum 和业务层的 BizVoiceMediaCenter 打交道,当然 BizVoiceMediaCenter 也可以直接和 VoiceMediaPlayer 打交道,但我们一般不建议这么做,即便是就播放一首音频,我们也希望,把这首音频当成一个专辑来包装和调用(随身听业务也确实是这么做的),这样更加规范和方便以后扩展。


最后,我们来看看整体架构的详细类设计图,如下图所示:



四、落地产出


高德智慧景区随身听播放器框架完成后,很好的支撑了随身听后续版本的开发。此外,后续因业务需求对产品做了多次迭代和变更,但播放器的架构几乎不需要做很大调整和升级(即使后面又增加了离线播放能力),很好验证了其稳定性和可扩展能力。下面一系列图,我们可以看出这颗“种子”(景区随身听播放器框架),开出的美丽的“花”,如下图所示:



以上各个页面底层都共用了这个播放器框架,很方便的实现了音频的跨页面播放和管理,以及异常中断的统一处理。高效满足了相关音频业务的播放能力要求,也为高德智慧景区随身听业务后续迭代开发打下了坚实的地基。


本文转载自公众号高德技术(ID:amap_tech)。


原文链接


https://mp.weixin.qq.com/s/tXXUIb0lRuqoF5aH50shKQ


2020 年 7 月 30 日 10:051371

评论

发布
暂无评论
发现更多内容

有了“质量墙”,程序员再也没有秃头的烦恼

华为云开发者社区

程序员 软件 代码审查 项目 代码

知乎,挣钱?果然有长尾效应

非著名程序员

程序员 副业 副业赚钱 知乎 好物推荐

腾讯面了五轮,面委挂了,挂的原因让大家唏嘘...

程序员生活志

腾讯 面试

简单的了解一下K8S,并搭建自己的集群

detectiveHLH

Kubernetes 微服务

一文快速掌握华为云IPv6基础知识及使用指南

华为云开发者社区

物联网中台 物联网 网络 华为云

如何帮助技术员工高效成长?这几家企业的做法值得借鉴

极客时间企业版

研发管理 研发团队培训

数十家技术社区联名推荐的GeekOnline来了!

Geek_116789

《北京市政务服务领域区块链应用创新蓝皮书(第一版)》正式发布

CECBC区块链专委会

Java HashMap 的那么多为什么

多选参数

Java Java源码

架构师训练营week06 作业

GunShotPanda

中台,很多人理解的都不对

DeeperMan

数据中台 中台战略

数据分析师完整的指标体系构建 (干货)

博文视点Broadview

数据挖掘 读书笔记 数据分析 数据 求职

第六期总结

AIK

如何做一次完美的 ABTest?

vivo互联网技术

数据分析 AB testing实战

小白如何学习操作系统?

cxuan

操作系统

优傲机器人以人机协作助力中国“智能制造”落地

Geek_116789

Idea中关于Js中的一些警告

阡陌r

有趣的条漫版 HashMap,25岁大爷都能看懂

古时的风筝

hashmap

信创舆情一线--十五部门印发指导意见进一步促进服务型制造发展

统小信uos

GitHub Actions和mp-ci助力微信小程序持续集成

neo

微信小程序 taro GitHub CI/CD

探索无限潜能,英特尔神经拟态计算除了有“嗅觉”还能有“触觉”

飞天鱼2017

变性手术后,产品总监和当当网打起了官司

赵新龙

法律 判决书 案例

解决方案|智能消防预警系统突破高层楼房限制

华为云开发者社区

AI 物联网 边缘计算 华为云

linux上强大的字符串匹配工具详解-grep

X先生

Shell grep

架构师训练营week06 学习总结

GunShotPanda

重读vue2.0风格指南,我整理了这些关键规则

前端有的玩

Java Vue 代码规范

我从LongAdder中窥探到了高并发的秘籍,上面只写了两个字...

why技术

jdk 高并发 LongAdder

API接口管理平台YAPI的搭建

Man

DevOps APi设计 YAPI

计算机网络基础(四)---网络层-ARP协议与RARP协议

书旅

laravel 计算机网络 网络协议 计算机基础 网络层

技术科普丨服务发现和负载均衡的来龙去脉

华为云开发者社区

负载均衡 微服务 开发者工具 服务端 服务

猿灯塔:spring Boot Starter开发及源码刨析(七)

猿灯塔

高德智慧景区随身听播放器框架设计与实现-InfoQ