首页 > 代码库 > 如何使用 iOS 7 的 AVSpeechSynthesizer 制作有声书(1)

如何使用 iOS 7 的 AVSpeechSynthesizer 制作有声书(1)

2024-07-11 17:59:47   223人阅读

原文： http://www.raywenderlich.com/64623/make-narrated-book-using-avspeechsynthesizer-ios-7

随着 PageViewController 的引入，苹果让开发者们制作图书类app 更加轻松。不幸的是，对于生活在朝九晚五繁忙节奏中的人们来说，阅读也是一件奢侈的事情。为什么你不能在读一本小说的同时做其他事情呢？

在 Siri 刚开始出现的时候，苹果曾经用复杂的动态文本阅读将开发者拒之门外，但当iOS7 发布的时候，苹果终于放开了这扇大门。

在本教程中，你将制作一本故事书。这本书的每一页都会在显示文字的同时朗读文字中的内容。有声的阅读将让你的 app 在 iTunes 中显得与众不同，同时还保护了视力。有声书尤其受广播听众的喜爱，因为它允许人们在锻炼、烹饪或工作的同时进行“阅读”。

当你制作自己的有声书时, 你将学习到:

  • 如何使用 AVSpeechSynthesizer 和 AVSpeechUtterance 让 iOS 设备朗读文本
  • How to make this synthesized speech sound more natural by modifying AVSpeechUtterance properties like pitch and rate.
  • 如何修改 AVSpeechUtterance 属性例如 pitch 和 rate，使合成的语音更自然

AVSpeechSynthesizer当然比不上真人语音，但它对于你将要开发的 app 来说，相对容易一些。

注意：关于如何用 Sprite Kit 开发iPad儿童书籍，请参考Tammy Coron 的教程: How to Create an Interactive Children’s Book for the iPad

开始：AVSpeechSynthesizer

首先，请下载 初始项目。进入NarratedBookUsingAVSpeechStarter 目录，双击 NarratedBookUsingAVSpeech.xcodeproj 以打开初始项目。

Build & run 。你将在模拟器中看到：

书的内容是关于松鼠的童谣。虽然不是亚马逊买得最火的读物，但对于本教程来说足够了。向左滑动进行向后翻页，向右滑动则返回前一页。噢，它已经拥有了基本的“书”的功能，真是不错的开始。

理解机制

注意：教程的最后，会留给你几个习题。接下来一节将包括示例项目的一些内容，以便你能独立完成这些习题。如果你对这部分内容不感兴趣，请跳到下一节。

初始项目包括两个类:

1. Models: 用于存放书籍的内容，它是page 的集合。
2. Presentation: 将 models 展现到屏幕并响应用户动作（例如滑动手势）。

在你制作自己的图书时，理解这两个类的工作机制是很有必要的。打开RWTBook.h：

@interface RWTBook : NSObject  

//1

@property (nonatomic, copy, readonly) NSArray *pages;  

//2

+ (instancetype)bookWithPages:(NSArray*)pages;

//3

+ (instancetype)testBook;  

@end
  1. pages 属性存放了 Page 对象的数组，每个 Page对象代表图书中的每一页。
  2. bookWithPages: 方法是一个初始化 Book 的方法，它用指定的 page 对象数组为参数，返回一个 book 对象。
  3. testBook 创建 Book 对象，用于测试。在开始加入和读取你自己的图书内容之前，就先使用 testBook 创建一个简单的 Book 吧。

RWTPage.h声明如下：

//1

extern NSString* const RWTPageAttributesKeyUtterances;

extern NSString* const RWTPageAttributesKeyBackgroundImage;  

@interface RWTPage : NSObject  

//2

@property (nonatomic, strong, readonly) NSString *displayText;

@property (nonatomic, strong, readonly) UIImage *backgroundImage;  

//3 + (instancetype)pageWithAttributes:(NSDictionary*)attributes;

@end
  1. 常量用于从字典中检索页。RWTPageAttributesKeyUtterances常量可以检索出page 对象中的文本，RWTPageAttributesKeyBackgroundImage则用于检索 page 对象所用的背景图片。
  2. displayText 属性用于存储 page 的文本，backgroundImage 属性用于存储 page 的背景图片。
  3. pageWithAttributes:用指定的 NSDictionary 创建一个 page 实例。

 

RWTPageViewController.m声明如下:

#pragma mark - Class Extension  

// 1

@interface RWTPageViewController ()

@property (nonatomic, strong) RWTBook *book;

@property (nonatomic, assign) NSUInteger currentPageIndex;

@end  

@implementation RWTPageViewController  

#pragma mark - Lifecycle  

// 2

- (void)viewDidLoad {

   [super viewDidLoad];

   [self setupBook:[RWTBook testBook]];

   UISwipeGestureRecognizer *swipeNext = [[UISwipeGestureRecognizer alloc]                                           initWithTarget:self                                                   action:@selector(gotoNextPage)];

   swipeNext.direction = UISwipeGestureRecognizerDirectionLeft;   [self.view addGestureRecognizer:swipeNext];

   UISwipeGestureRecognizer *swipePrevious = [[UISwipeGestureRecognizer alloc]                                               initWithTarget:self                                                       action:@selector(gotoPreviousPage)];

   swipePrevious.direction = UISwipeGestureRecognizerDirectionRight;

   [self.view addGestureRecognizer:swipePrevious];

}  

#pragma mark - Private  

// 3

- (RWTPage*)currentPage {

   return [self.book.pages objectAtIndex:self.currentPageIndex];

}  

// 4

- (void)setupBook:(RWTBook*)newBook {

   self.book = newBook;

   self.currentPageIndex = 0;

   [self setupForCurrentPage];

}  

// 5

- (void)setupForCurrentPage {

   self.pageTextLabel.text = [self currentPage].displayText;

   self.pageImageView.image = [self currentPage].backgroundImage;

}  

// 6

- (void)gotoNextPage {

   if ([self.book.pages count] == 0 ||

self.currentPageIndex == [self.book.pages count] - 1) {

     return;  

   }  

   self.currentPageIndex += 1;

   [self setupForCurrentPage];

}  

// 7

- (void)gotoPreviousPage {

   if (self.currentPageIndex == 0) {

     return;

   }

   self.currentPageIndex -= 1;

   [self setupForCurrentPage];

}

@end

以上代码说明如下:

  1. book 属性保存了当前的 RWTBook 对象，currentPageIndex属性保存了 RWTBook 对象的当前页索引。
  2. 当视图加载完毕，设置要显示的 page，并添加滑动手势的识别器以便用户能通过手势进行翻页。
  3. 返回当前页的 RWTPage 对象。
  4. 设置 book 属性并将当前页置为第一页。
  5. 设置当前页的显示内容。
  6. 查找下一页，如果该页存在，则将下一页设置为当前页。该方法由 swipeNext 手势识别器调用。
  7. 查找上一页，如果该页存在，则将上一页设置为当前页。该方法由 swipePrevious 手势识别器调用。

播放和停止!

这是一个很要命的问题。

打开RWTPageViewController.m，在#import "RWTPage.h" 下面加入:

@import AVFoundation;

iOS 语音功能由 AVFoundation 框架提供，你必须导入这个框架。

提示: @import会导入并连接 AVFoundation 框架。关于 iOS7 中 @import 及相关的 O-C 语言新特性，请参考这篇文章What’sNew in Objective-C and Foundation in iOS 7。

在 currentPageIndex 属性声明之下加入：

@property (nonatomic, strong) AVSpeechSynthesizer *synthesizer;

synthesizer 对象将用于朗读每一页中的文字。

可以将 ViewController 中定义的AVSpeechSynthesizer 对象想象成一个会说话的人。而 AVSpeechUtterance 则可以想象成一张小纸条，把纸条递给这个人，则他就会念出纸条上的字。

注意：一个 AVSpeechUtterance 可能是一个单词，比如“Whisky”，或者是一个完整的语句，比如“Whisky,frisky,hippidityhop”。

在 RWTPageViewController.m 的最后加入以下方法：

#pragma mark - Speech Management  

- (void)speakNextUtterance {

   AVSpeechUtterance *nextUtterance = [[AVSpeechUtterance alloc]                                        initWithString:[self currentPage].displayText];

   [self.synthesizer speakUtterance:nextUtterance];

}

创建了一个 utterance 对象，然后告诉 synthesizer 去念出它。

然后实现这个方法：

- (void)startSpeaking {

   if (!self.synthesizer) {

     self.synthesizer = [[AVSpeechSynthesizer alloc] init];

   }

     [self speakNextUtterance];

}

这个方法负责初始化 synthesizer 属性（如果它未初始化的话）。然后调用speakNextUtterance 方法，开始朗读。

在 viewDidLoad 、gotoNextPage  和 gotoPreviousPage 方法的最后加上这行：

[self startSpeaking];

这样，当书一打开，或者用户前后翻页的时候，朗读就会开始。

Build & run，你会听到AVSpeechSynthesizer 发出的天籁之音。

注意：如果你什么也没听到，请检查 Mac 或者 iOS 设备的音量设置（看你是在什么地方运行这个 app 的）。你可以尝试着进行翻页看是不是能播放语音。

提示：如果你是在模拟器上运行程序， 可能控制台会输出一堆莫名其妙的错误信息。这只会在模拟器上出现，使用设备时则不会打印这些错误。

如果你听到了语音播放，请再次 Build & Run。这次，在第一页内容播放完之前，尝试向左滑动（向后翻页）。发现了什么？

synthesizer 只会在第一页念完之后才开始念下一页。这不是用户想要的结果，他们会想让第一页停止播放而第二页立即开始。这点小瑕疵对于一页内容比较短的童谣来说不成问题，但试想一下，如果每页的内容都很长的话会是什么效果……


联系
我们