当前位置: 移动技术网 > IT编程>移动开发>IOS > iOS10 语音播报填坑详解(解决串行播报中断问题)

iOS10 语音播报填坑详解(解决串行播报中断问题)

2018年09月18日  | 移动技术网IT编程  | 我要评论

广南政务网,赛尔号s级塔西亚,香港 天气

ios10 语音播报填坑详解(解决串行播报中断问题)

在来聊这类需求的解决方案之前,咱们还是先来聊一聊这类需求的真实使用场景:语音播报。语音播报需求运用最为广泛的应该是收银对账了,就类似于支付宝、微信、收钱吧等的收款语音提示一样。在ios 10 之前,苹果没有提供通知扩展类的时候,如果想要实现杀进程也可以正常播报语音消息很难,从ios 10添加了这一个通知扩展类后,实现杀进程播报语音就相对简单很多了。

我们先来看一个陌生的tagget

  • notification service extension

这个notification service extension 就是苹果在 ios 10的新系统中为我们添加的新特性,这个新特性就能帮助我们用来解决杀死进程正常语音播报

原理流程图
原理流程图

苹果官方解释:unnotificationserviceextension

详细步骤

  • 创建一个通知扩展类
  • 添加语音播报逻辑代码
  • 设置支持后台播放
  • ios10 一下实现串行播报

创建一个通知扩展类

  • 首先我点击 xcode 的 file -> new -> target -> notification service extension,新建一个通知扩展类target。
image
image
image
image

新建完后,我们的工程会多出一个文件夹,这里示例demo的target命名为 notificationse,文件夹中有notificationservice.h notificationservice.m 文件,这两个文件就是后面我们要用到的通知扩展类文件

image
image

在没有对notificationservice做任何修改时,我们先来预览下 .m 文件中都有哪些内容

image
image

从上面的截图,我们可以看到,.m 文件其实很简单,就 2 个函数,其实后面我们对这个文件做逻辑处理,也是很简单的。

添加语音播报逻辑代码

  • 注意,这里我们使用的语音合成和播报组件也是苹果官方提供的组件,avspeechsynthesizeravspeechsynthesisvoiceavspeechutterance

我们先来看下一段语音播放代码片段:

    avspeechsynthesizer *av = [[avspeechsynthesizer alloc] init];
    avspeechsynthesisvoice *voice = [avspeechsynthesisvoice voicewithlanguage:@"zh-cn"];
    avspeechutterance *utterance = [[avspeechutterance alloc] initwithstring:@"我是测试文案"];
    utterance.rate = 0.5;
    utterance.voice= voice;
    [av speakutterance:utterance];

现在我们将 notificationservice .m 文件做修改,使之支持语音播报。并且能支持多条通知同时过来的串行播报。完整文件如下:

//
//  notificationservice.m
//  notificationse
//
//  created by 刘光强 on 2018/9/17.
//  copyright © 2018年 quangqiang. all rights reserved.
//

#import "notificationservice.h"
#import <mediaplayer/mediaplayer.h>
#import <avfoundation/avfoundation.h>

@interface notificationservice ()<avspeechsynthesizerdelegate>

@property (nonatomic, strong) void (^contenthandler)(unnotificationcontent *contenttodeliver);
@property (nonatomic, strong) unmutablenotificationcontent *bestattemptcontent;

@property (nonatomic, strong) avspeechsynthesisvoice *synthesisvoice;
@property (nonatomic, strong) avspeechsynthesizer *synthesizer;
@end

@implementation notificationservice

- (void)didreceivenotificationrequest:(unnotificationrequest *)request withcontenthandler:(void (^)(unnotificationcontent * _nonnull))contenthandler {
    self.contenthandler = contenthandler;
    self.bestattemptcontent = [request.content mutablecopy];
    
    // 这个info 内容就是通知信息携带的数据,后面我们取语音播报的文案,通知栏的title,以及通知内容都是从这个info字段中获取
    nsdictionary *info = self.bestattemptcontent.userinfo;
    
    // 播报语音
    [self playvoicewithcontent: info[@"content"]];
    
    // 这行代码需要注释,当我们想解决当同时推送了多条消息,这时我们想多条消息一条一条的挨个播报,我们就需要将此行代码注释
//    self.contenthandler(self.bestattemptcontent);
}

- (void)playvoicewithcontent:(nsstring *)content {
    avspeechutterance *utterance = [avspeechutterance speechutterancewithstring:content];
    utterance.rate = 0.5;
    utterance.voice = self.synthesisvoice;
    [self.synthesizer speakutterance:utterance];
}

// 新增语音播放代理函数,在语音播报完成的代理函数中,我们添加下面的一行代码
- (void)speechsynthesizer:(avspeechsynthesizer *)synthesizer didfinishspeechutterance:(avspeechutterance *)utterance {
    self.contenthandler(self.bestattemptcontent);
}

- (void)serviceextensiontimewillexpire {
    // called just before the extension will be terminated by the system.
    // use this as an opportunity to deliver your "best attempt" at modified content, otherwise the original push payload will be used.
    self.contenthandler(self.bestattemptcontent);
}

- (avspeechsynthesisvoice *)synthesisvoice {
    if (!_synthesisvoice) {
        _synthesisvoice = [avspeechsynthesisvoice voicewithlanguage:@"zh-cn"];
    }
    return _synthesisvoice;
}

- (avspeechsynthesizer *)synthesizer {
    if (!_synthesizer) {
        _synthesizer = [[avspeechsynthesizer alloc] init];
        _synthesizer.delegate = self;
    }
    return _synthesizer;
}

@end

下面我们来逐一对这个 .m 文件中的每一个函数做下解释

  • - (void)didreceivenotificationrequest:(unnotificationrequest *)request withcontenthandler:(void (^)(unnotificationcontent * _nonnull))contenthandler {}

这个函数是通知扩展类的最为核心的函数了,你可以理解为这个就是接受到苹果apns 通知的一个钩子函数,每次当推送一条通知过来,都会执行到这个函数体内,所以说我们的语音播报逻辑也是在这个钩子函数中进行处理的。

  • - (void)playvoicewithcontent:(nsstring *)content {}

这个函数很简单了,就是我们抽离出来的进行语音合成并播放出语音的函数,我们传递一个语音文案作为此函数的参数即可。

*- (void)speechsynthesizer:(avspeechsynthesizer *)synthesizer didfinishspeechutterance:(avspeechutterance *)utterance {}

这个函数就是我们今天的主角了,我们之所以能够实现当同时有多条通知同时推送,我们还能够一条一条的串行逐条播放,主要的功能就归功到这个函数了,这个函数是 avspeechsynthesizer 类的代理函数,就是一段语音播放完成后执行这个函数,每次当一条语音播放完成,都会被此函数勾住,我们在函数体内实现我们的处理逻辑。

  • - (void)serviceextensiontimewillexpire {}

此函数是扩展类自带的一个函数,从这个函数解释我们可以看出,这个函数是当扩展被系统终止之前,会调用到这个函数。

好了,.m文件的几个关键的函数我们都做了相应的解释了,可能还有些小伙伴不是很明白,这些和解决通知串行逐一播报有什么关系尼,下面我就来根据自己的经验给大家做下详细的解释。

先来说下苹果通知的通知栏问题

在苹果通知中,当来一条通知时,我们的手机会叮一下,然后手机通知栏弹出通知。这里大家注意下,其实这个叮一下出来的通知栏也是有生命周期的。从通知栏被弹出来,到通知栏最终被收起,其实中间苹果给了限制时间,大概就6秒左右的时长

说到6秒左右的时长,对于那些多条通知同时到达,需要串行来逐一播报,但是很多小伙伴们会遇到这样一个问题:就是当同时来了多条通知,总是只能播报2-3条,然后就语音中断了,后面的通知不会播报了,遇到这些问题的小伙伴们有没有注意到,其实只能播报2-3条,这个时间差其实就是6秒左右,也就是通知栏的生命周期时长。

出现上面的问题的原因就是:当第一条通知来了,弹出通知栏,然后开始播报第一条语音,第一条播报完了,开始播报第二天语音,可能当第二天语音播报到一半了,但是这个时候,通知栏周期的时间到了,这时通知栏就会收起,注意:,当通知栏收起时,扩展类里面的代码就会终止执行,导致后面的语音播报终端。

上面说到当通知栏收起时,扩展类的代码会终止执行,这里又引出了另一个注意点:就是我们创建的这个扩展类也是有生命周期的,并且这个生命周期和通知栏的生命周期他们是有依赖关系的。即:当通知栏收起时,扩展类就会被系统终止,扩展内里面的代码也会终止执行,只有当下一个通知栏弹出来,扩展类就恢复功能

上面说到通知栏的出现和收起能够影响到扩展类的功能,那我们是不是控制好通知栏的显示和隐藏,就能解决多条串行问题尼?

是的,我们只要控制好通知栏,就可以解决上面的棘手问题,那么问题又来了,我们怎么才能控制通知栏的显示和隐藏尼?感觉我们平时使用苹果的推送,从来没有关心过处理通知栏的显示与隐藏,感觉从来没有这样用过,是的,对应普通的需求,我们确实不需要关系通知栏显示隐藏,感觉这些苹果系统自己已经处理好了,通知来了就显示通知栏,等5秒左右,周期结束就隐藏通知栏。

其实啊,在扩展类里面中,苹果已经给我们指出了如何控制通知栏的显示和隐藏,核心就是这行代码:self.contenthandler(self.bestattemptcontent);,当我们调用到这行代码,就是用来弹出通知栏的,通知栏的隐藏不需要我们来控制了,因为5秒左右的生命周期结束后,它会自动隐藏。

是不是对这样代码既熟悉有陌生啊,熟悉是因为你的扩展类文件中确实有这行代码,陌生是因为你之前从来都没有用过这行代码,不知道行代码是用来干啥的。

好了,既然self.contenthandler(self.bestattemptcontent); 这行核心代码引用出来了,我们就回到最开始的问题,在没有做任何处理时,为什么当同时来多条通知是,语音播报就不能逐一播报尼,其实就是因为当每一条通知到达都会执行这个函数- (void)didreceivenotificationrequest:(unnotificationrequest *)request withcontenthandler:(void (^)(unnotificationcontent * _nonnull))contenthandler {},有没有发现,这个函数体里面 默认就是 执行了 self.contenthandler(self.bestattemptcontent); 这行代码。

假设 一次性同时来了 10条 通知,就会一次性调用了 10次 didreceivenotificationrequest这个函数, 也就 执行了 10次 self.contenthandler(self.bestattemptcontent), 按照上面的说法,同时执行10次,不就是同时弹出10次的 通知栏吗,这里我调试时发现,当同时来10条通知时,通知栏并没有同时弹出来10次,可能只弹出来1-2次。也就只能在这1-2次的时间长度中进行语音播报了。

上面解释这么多,那么我们到底该如何做尼,细心的同学发现了,我们上面 贴出来的 .m 代码中,我们新增了一个 avspeechsynthesizer 类的代理函数,就是语音播报完成的函数,我们将 呼出通知栏的代码 self.contenthandler(self.bestattemptcontent); 添加到这个代理函数中。意思就是:当第一条语音播放完成了,这时我们呼出通知栏显示播放的内容(通知栏的周期时间大概6秒左右),正好这时可以播放第二条语音,等第二条语音播放完成了,呼出第二个通知的通知栏,继续播放第三天语音,以此类推。

看到这里,想必大家应该都理解了为啥之前总是语音播报中断的问题。

还有一个很重要的函数:- (void)serviceextensiontimewillexpire{},我们上面只是提了下,具体他具体有什么功能尼?

我们发现serviceextensiontimewillexpire函数中,也调用了 self.contenthandler(self.bestattemptcontent) 这行代码,它为啥也要调用这行代码尼?

这是因为:当我们在接受通知的钩子函数中(didreceivenotificationrequest)没有调用self.contenthandler(self.bestattemptcontent) 这行代码,这时就会出现一个现象:就是通知收到了,但是没有通知栏出现,这时苹果就不允许了。苹果规定,当一条通知达到后,如果在30秒内,还没有呼出通知栏,我就系统强制调用self.contenthandler(self.bestattemptcontent) 来呼出通知栏。 这时想必大家都知道 serviceextensiontimewillexpire 函数的用途了吧

设置支持后台播放

  • 配置应用支持后台播放,这个只需要在xcode中做下配置即可
image
image

这里需要注意:当勾上上面的配置后,可能会导致苹果审核不通过,这里我们可以在应用中添加一个语音播放的功能,并录制视频告知苹果用途,可能会过审。

ios 10以下实现串行播报

核心代码如下

// 监听通知函数中调用添加数据到队列
- (void)application:(uiapplication *)application didreceiveremotenotification:(nsdictionary *)userinfo fetchcompletionhandler:(nonnull void (^)(uibackgroundfetchresult))completionhandler {
   
   [self addoperation: @"语音文案"];
}

#pragma mark -队列管理推送通知
- (void)addoperation:(nsstring *)title {
    [[self mainqueue] addoperation:[self customoperation:title]];
}

- (nsoperationqueue *)mainqueue {
    return [nsoperationqueue mainqueue];
}

- (nsoperation *)customoperation:(nsstring *)content {
    
    nsblockoperation *operation = [nsblockoperation blockoperationwithblock:^{
        avspeechutterance *utterance = nil;
        @autoreleasepool {
            utterance = [avspeechutterance speechutterancewithstring:content];
            utterance.rate = 0.5;
        }
        utterance.voice = self.voiceconfig;
        [self.synthconfig speakutterance:utterance];
    }];
    return operation;
}

- (avspeechsynthesisvoice *)voiceconfig {
    if (_voiceconfig == nil) {
        _voiceconfig = [avspeechsynthesisvoice voicewithlanguage:@"zh-cn"];
    }
    return _voiceconfig;
}

- (avspeechsynthesizer *)synthconfig {
    if (_synthconfig == nil) {
        _synthconfig = [[avspeechsynthesizer alloc] init];
    }
    return _synthconfig;
}

注意事项

  • 上面的通知扩展类最低支持ios系统为 10及10 以上,所以所 ios10以下的系统,是不支持使用通知扩展的
  • 通知扩展文件中是不支持断点调试的,网上有说通过配置可以进行断点,可是我尝试了 很多次,还是不能断点,这里我的处理方式是,通过使用 临时的语音播报来代替断点,在需要断点的地方加一个语音播放,如果播报出来了,代表执行了此行
  • 上面我们介绍了speechsynthesizer:didfinishspeechutterance 语音播放完成的代理函数,可能有的小伙伴会遇到这个代理函数不执行的情况,这时我们需要将 avspeechsynthesizer 类的对象设置成全局属性即可。
  • ios 10 以下的系统,我们也想实现同时多条通知的串行播报该怎么实现尼,我自己的做法是自己维护一个数组队列,具体的实现参照下面代码块。
  • content-avilable 字段的值,需要配置为 1
  • 添加支持后天播放时,可能会被苹果拒审
  • 如何实现扩展类和主工程之间的数据通信(这块内容会单独的出一篇文章来介绍)
  • 待补充

示例demo

https://github.com/guangqiang-liu/ios-notificationextensiondemo

总结

我们公司之前做的扫码支付需求,支付成功后播报支付金额,当时在开发这块需求时,遇到了杀进程无法进行语音播报的问题,后面引入了ios10 的通知扩展类来解决杀进程问题。在使用扩展类时,也是遇到了不少的问题和大坑,这里就逐一做了下总结,上面的讲解也是填坑后的个人理解,如有错误之处,欢迎留言交流指出错误。

更多文章

  • 作者react native开源项目onem地址(按照企业开发标准搭建框架完成开发的):https://github.com/guangqiang-liu/onem:欢迎小伙伴们 star
  • 作者简书主页:包含60多篇rn开发相关的技术文章 欢迎小伙伴们:多多关注,多多点赞
  • 作者react native qq技术交流群:620792950 欢迎小伙伴进群交流学习
  • 友情提示:在开发中有遇到rn相关的技术问题,欢迎小伙伴加入交流群(620792950),在群里提问、互相交流学习。交流群也定期更新最新的rn学习资料给大家,谢谢大家支持!

欢迎小伙伴们扫下方二维码加入rn技术交流qq群

qq群二维码,500+ rn工程师在等你加入哦
qq群二维码,500+ rn工程师在等你加入哦

欢迎小伙伴们扫下方二维码加入ios技术交流qq群

qq群二维码,欢迎入群
qq群二维码,欢迎入群

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网