看到别的小程序的点读功能,点击英文句子就可以高亮并播放对应的音频:
然后就想知道这是怎么实现的呢?是对每张图片中,在每个句子的位置加按钮,点击按钮就播放对应的音频文件吗?
这样虽然可以做,但是工作量也太大了,因为:1,每张图片中句子的位置是不一样的,因此需要对每张图片编辑,确定对应的位置。2,教学的音频文件也是很长的,要手工剪辑成一句一句的,想想就吓人。3,所有图片都是存在本地的吗?微信小程序对大小有限制的,这么多图片怎么存得下啊??
我手里有swf格式的视频文件,swf支持交互,所以在浏览器打开时,点击对应区域就可以播放英文句子。但是swf格式微信小程序不支持。
有没有做过类似功能的大神指点一下,谢谢!!
问题1+问题2: 英国的CircularFlo配合Adobe InDesign配合可以做到定位+多层显示+定位音频,然后生成相关文件,不需要切割音频。
问题3:用云服务,比如腾讯云COS+CDN分发
这种除了人工去定位没有什么更好的办法了。你也没必要为了这个做个图像识别的程序去自动定位。可以去开发个工具,方便人工定位。