爱读绘本-给孩子的有声读物

有一天,在家过完周末,坐上了返校的公交车,已经到了傍晚。天边挂上了几颗星星,在靛蓝色的夜幕下惚惚恍恍。思绪又开始缠绕,脑袋又开始放空。

从天空想到星星,从星星想到小王子,从小王子想到世界上无数的小孩子。又想到了这个世界那么多不美好的东西,污染、战争、贫穷、疾病…,势利、妒忌、欲望、…,思索苍茫宇宙下渺小到尘埃中的人类从什么时候开始染上的这些臭毛病!

想了一圈之后,突然发觉,大到全人类,小到一个家庭,几乎所有的行为都是为了一个人————孩子。“一切为了孩子,为了一切孩子,为了孩子一切”。

比方说,爸爸妈妈上班那么努力的挣钱养家为了什么?全球提倡保护环境可持续发展为了什么?向外太空探索适宜人类居住的星球为了什么?

一切都是为了人类的未来!而人类的未来就是孩子!

有些人在努力的为“未来”创造有利的物质条件,而灵魂工程师————父母、教师在为孩子创造有利的精神条件,而父母和家庭教育却是影响孩子未来一生的最好的老师。

可怕的是,这些自作聪明的大人们已经忘了自己还是小孩的时候的纯真了。也不能责怪这些大人,他们以爱之名用自己的纯真的失去作为代价交换了一个孩子的纯真,一代又一代,故事循环往复着…

当你迫于随大流为孩子选购了各类儿童绘本读物,每到睡前又不得不被儿子央求着读他们听不够而你因为不愿看到他们伤心的脸不得不不厌其烦的读那已经快翻烂的几页相同的故事直到他熟睡,而你每当读到那些自以为幼稚略带搞笑的儿童绘本读物时————类似我上面写的幼稚略带搞笑的话,是否唤起那个幼稚略带搞笑的你对童年的回忆?

我们都曾是孩子,不是么?这些现在的孩子也会成为未来的大人接手人类未完成的使命————为了“未来”————孩子,不是么?

也许大人们都应该细细品味一下优秀儿童读物里的智慧,那些小到不能再小的道理编进故事里每每读起来也是觉得自己蛮有爱的呢~

爱读绘本完成时,是2015年下半年,作品有它不完美的地方,比如不够童趣、交互不新颖无亮点,功能单一等等。最近微信推出小程序,提供了更丰富的API,性能也大大提高,借这个机会正好继续打磨《爱读·绘本》。

· 录音/剪辑音频

我先在这里记个备忘,《小王子》全本多人混录配动态绘本图。

说到《爱读·绘本》的音频是如何录制的,这个最开始也没有更好的办法。

起初是这样:家长按下手机录音功能,把与孩子读绘本的全过程全部声音录制成一个音频文件,之后家长将绘本每一页的图片拍成照片,和音频文件一起打包压缩发送至我的邮箱,之后就是我的任务了。这样增加了家长的负担,操作过于复杂,体验不好。
后来家长嫌拍照片太麻烦,于是想到了我先把儿童绘本读物每一个故事按照一张图配一段文字做成长图,之后家长认领,陪孩子读并录音,之后只需将音频文件发送给我即可。这样增加了一个中间作图的步骤,增加了我的负担。

曾经想过借助微信公众平台,家长需要按着录音按钮录制,这样的缺点是每次只能录制60秒的时间,而且无法毫无顾忌的全身心投入到与孩子读绘本的气氛中,家长每过60秒都需要停下来,重新按下录音按钮。所以这个idea pass掉了,

后来我尝试自己做一个android app 专门用于录制《爱读·绘本》的音频素材,可当时我的“用户”都是只有iPhone的老师们。(到后来就用自学android学到的技能做了一个苏打绿专属音乐播放器

思来想去,要想做出精美的作品,双方都要下点功夫,这就叫私人订制。不过那时已经临近毕业,要做的事情太多,就暂时先搁置这个项目到如今写下这篇文章。

谁都不可能随随便便做好一件事,所有的曲折都是“他”在考验你是否值得拥有成功。

音频的后期处理大致就是:按照绘本每一页的文字将一个音频文件切成若干段,或者按照音频中的停顿灵活变动切片位置,其实家长和孩子也可以参与到使用Audition切片音频的活动中,能处理的包括删除某段声音、声音特殊化处理、消音等等。因为这个过程也是二次再创作。同时还能让家长和孩子学会软件的操作,培养兴趣。

这里需要注意的是每一个音频切片的音质和文件大小之间的权衡,最少的空间占用最大的信息量,可以在另存为面板上多尝试几次参数的调节。

最后得到音频片段,这些音频片段一一对应绘本图画。

现在再想,其实不需要把音频切割成一个个MP3文件,用audio的seek方法从对应秒数开始播放。

· 图像处理

音频和图像处理都没有实现自动化,但是这成就了个性化。

需要将收集拍摄的照片裁剪成固定规格的图片。图片数量和内容与音频数量和内容一一对应。

· 代码实现功能

我只说技术要点,最重要的无非H5 的Audio API监听音频播放完毕事件,事件中遍历下一个音频切换,循环往复。还有canvas绘图上下文,在音频切换之后,舞台上的图片需要重新渲染。因为我考虑到了以后会使用可交互或动态图像,所以用到了canvas渲染图像,如果只是显示静态图,完全可以使用普通的DOM元素。

下一篇《来一场说走就走的旅行(基于微信开发者API)》

上一篇《Adobe CC 系列软件安装指南》

永久链接 http://www.shuaihua.cc/article/love-read-picture-book-voice-book-for-children

快速跳转 心头好文 - ux - 《爱读绘本-给孩子的有声读物》

发布日期 2016年2月6日 星期六

版权声明 自由转载-非商用-非衍生-保持署名(创意共享3.0许可证