最近給兒子做了一個(gè)看卡片的小程序，功能比較簡單：
1总珠、【后臺】錄入卡片書（名稱屏鳍、圖片、英文名稱）局服，比如動(dòng)物
2钓瞭、【后臺】在卡片書下面錄入卡片（名稱、圖片淫奔、英文名稱）山涡，比如貓、cat
3唆迁、【前臺】卡片書列表
4鸭丛、【前臺】卡片書詳情
其中，卡片書詳情頁面支持點(diǎn)擊圖片讀取名稱（或者英文名稱）唐责。這個(gè)功能我使用了百度提供的語音api接口鳞溉，通過接口將中文、英文轉(zhuǎn)換為mp3格式的流鼠哥。文字和語音轉(zhuǎn)換的工作都是后臺完成的熟菲，這里不做多余的介紹，重點(diǎn)說下前端react-native播放mp3的實(shí)現(xiàn)朴恳。
使用到的組件：
react-native-audio-streaming
https://www.npmjs.com/package/react-native-audio-streaming
http://slides.com/jhabdas/streaming-audio-react-native/
js代碼：
import {ReactNativeAudioStreaming, Player} from 'react-native-audio-streaming';
ReactNativeAudioStreaming.play(url, {});
其中抄罕，
- url是我動(dòng)態(tài)生成的mp3的url地址，你可以替換成自己的mp3于颖。
- 本地的mp3文件播放沒涉及到呆贿，這個(gè)組件應(yīng)該也是可以支持的。
