欢迎访问移动开发之家（rcyd.net），关注移动开发教程。移动开发之家  移动开发问答|  每日更新
页面位置 : > > 内容正文

WP8开发实例-兔小贝儿歌iphone版移植到WP8实现（1）

来源： 开发者 投稿于  被查看 34653 次 评论：52

WP8开发实例-兔小贝儿歌iphone版移植到WP8实现（1）


最近我看到外甥女在姐姐的iphone上用兔小贝儿歌听儿歌，觉得很不错. 且目前wp上幼儿教育类精品app尚不多，我觉定把它移植到WP平台上。

首先基于版权的考虑，我联系过兔小贝儿歌官方团队，但没有得到回复，略感失望。但仍决定继续移植下去，主要以抓包方式获得相关的API，来实现app内容。应用内容主要参照兔小贝儿歌iphone版，主要包括儿歌视频，儿童故事等模块，具备离线缓存播放功能等设计。

数据抓包

这里我使用了Fiddler来抓取iphone版运行时数据包，具体教程大家可以看以下链接：

http://blog.csdn.net/rztyfx/article/details/8861201

下面列出相关API：

返回数据皆为json格式

1.儿歌视频

API： 

     http://www.qipaoxian.com/action/iso_action.php?pageNo=18&curPage=1&act=1&key=

返回数据：

[


    {
        "vid": "359", 
        "title": "小兔迷路", 
        "Thumbnail": "http://www.qipaoxian.com/iso/pic/1397724727936.png", 
        "Thumbnail2": "http://www.qipaoxian.com/iso/pic/1397724727528.png", 
        "videoURL": "http://rs.qipaoxian.com/mp4/228.mp4", 
        "playCOUNT": "8554", 
        "allTime": "02:52", 
        "addTime": "3天前", 
        "size": "5.26"
    }, 
    {
        "vid": "357", 
        "title": "小猴运动会", 
        "Thumbnail": "http://www.qipaoxian.com/iso/pic/1396597247572.png", 
        "Thumbnail2": "http://www.qipaoxian.com/iso/pic/1396597247450.png", 
        "videoURL": "http://rs.qipaoxian.com/mp4/226.mp4", 
        "playCOUNT": "23076", 
        "allTime": "03:26", 
        "addTime": "10天前", 
        "size": "5.44"
    }, 
    {
        "vid": "355", 
        "title": "妈妈怀里的歌", 
        "Thumbnail": "http://www.qipaoxian.com/iso/pic/1395994144631.png", 
        "Thumbnail2": "http://www.qipaoxian.com/iso/pic/1395994144554.png", 
        "videoURL": "http://rs.qipaoxian.com/mp4/225.mp4", 
        "playCOUNT": "32230", 
        "allTime": "01:21", 
        "addTime": "10天前", 
        "size": "2.06"
    }, 
    {
        "vid": "354", 
        "title": "新种太阳", 
        "Thumbnail": "http://www.qipaoxian.com/iso/pic/1395994078537.png", 
        "Thumbnail2": "http://www.qipaoxian.com/iso/pic/1395994078366.png", 
        "videoURL": "http://rs.qipaoxian.com/mp4/224.mp4", 
        "playCOUNT": "33383", 
        "allTime": "01:16", 
        "addTime": "10天前", 
        "size": "2.64"
    }, 
    {
        "vid": "352", 
        "title": "晚安", 
        "Thumbnail": "http://www.qipaoxian.com/iso/pic/1395993960664.png", 
        "Thumbnail2": "http://www.qipaoxian.com/iso/pic/1395993960938.png", 
        "videoURL": "http://rs.qipaoxian.com/mp4/223.mp4", 
        "playCOUNT": "38592", 
        "allTime": "04:15", 
        "addTime": "10天前", 
        "size": "8.90"
    }, 
    {
        "vid": "349", 
        "title": "做个好娃娃", 
        "Thumbnail": "http://www.qipaoxian.com/iso/pic/1395129962960.png", 
        "Thumbnail2": "http://www.qipaoxian.com/iso/pic/1395129962799.png", 
        "videoURL": "http://rs.qipaoxian.com/mp4/222.mp4", 
        "playCOUNT": "45168", 
        "allTime": "02:55", 
        "addTime": "10天前", 
        "size": "10.06"
    }, 
    {
        "vid": "347", 
        "title": "宝贝去哪儿", 
        "Thumbnail": "http://www.qipaoxian.com/iso/pic/1394091881236.png", 
        "Thumbnail2": "http://www.qipaoxian.com/iso/pic/1394091881171.png", 
        "videoURL": "http://rs.qipaoxian.com/mp4/221.mp4", 
        "playCOUNT": "67504", 
        "allTime": "03:27", 
        "addTime": "10天前", 
        "size": "6.91"
    }, 
    {
        "vid": "346", 
        "title": "金色童年", 
        "Thumbnail": "http://www.qipaoxian.com/iso/pic/1393898225401.png", 
        "Thumbnail2": "http://www.qipaoxian.com/iso/pic/1393898225248.png", 
        "videoURL": "http://rs.qipaoxian.com/mp4/216.mp4", 
        "playCOUNT": "53420", 
        "allTime": "03:17", 
        "addTime": "10天前", 
        "size": "11.20"
    }, 
    {
        "vid": "344", 
        "title": "我的童年", 
        "Thumbnail": "http://www.qipaoxian.com/iso/pic/1393401619404.png", 
        "Thumbnail2": "http://www.qipaoxian.com/iso/pic/1393401619722.png", 
        "videoURL": "http://rs.qipaoxian.com/mp4/220.mp4", 
        "playCOUNT": "57509", 
        "allTime": "03:43", 
        "addTime": "10天前", 
        "size": "12.76"
    }, 
    {
        "vid": "342", 
        "title": "小白兔请客", 
        "Thumbnail": "http://www.qipaoxian.com/iso/pic/1393401527952.png", 
        "Thumbnail2": "http://www.qipaoxian.com/iso/pic/1393401527314.png", 
        "videoURL": "http://rs.qipaoxian.com/mp4/219.mp4", 
        "playCOUNT": "75815", 
        "allTime": "02:23", 
        "addTime": "10天前", 
        "size": "8.15"
    }, 
    {
        "vid": "340", 
        "title": "小羊小羊", 
        "Thumbnail": "http://www.qipaoxian.com/iso/pic/1392795006945.png", 
        "Thumbnail2": "http://www.qipaoxian.com/iso/pic/1392795006812.png", 
        "videoURL": "http://rs.qipaoxian.com/mp4/218.mp4", 
        "playCOUNT": "82659", 
        "allTime": "02:58", 
        "addTime": "10天前", 
        "size": "10.32"
    }, 
    {
        "vid": "339", 
        "title": "来了一群小鸭子", 
        "Thumbnail": "http://www.qipaoxian.com/iso/pic/1392794966793.png", 
        "Thumbnail2": "http://www.qipaoxian.com/iso/pic/1392794966509.png", 
        "videoURL": "http://rs.qipaoxian.com/mp4/217.mp4", 
        "playCOUNT": "79287", 
        "allTime": "02:40", 
        "addTime": "10天前", 
        "size": "9.18"
    }, 
    {
        "vid": "336", 
        "title": "友谊地久天长", 
        "Thumbnail": "http://www.qipaoxian.com/iso/pic/1390548843340.png", 
        "Thumbnail2": "http://www.qipaoxian.com/iso/pic/1390548843734.png", 
        "videoURL": "http://rs.qipaoxian.com/mp4/215.mp4", 
        "playCOUNT": "82446", 
        "allTime": "03:21", 
        "addTime": "10天前", 
        "size": "11.65"
    }, 
    {
        "vid": "332", 
        "title": "小司机", 
        "Thumbnail": "http://www.qipaoxian.com/iso/pic/1389838198147.png", 
        "Thumbnail2": "http://www.qipaoxian.com/iso/pic/1389838198667.png", 
        "videoURL": "http://rs.qipaoxian.com/mp4/212.mp4", 
        "playCOUNT": "99300", 
        "allTime": "03:01", 
        "addTime": "10天前", 
        "size": "10.39"
    }, 
    {
        "vid": "331", 
        "title": "幸福的一家", 
        "Thumbnail": "http://www.qipaoxian.com/iso/pic/1389838123648.png", 
        "Thumbnail2": "http://www.qipaoxian.com/iso/pic/1389838123562.png", 
        "videoURL": "http://rs.qipaoxian.com/mp4/213.mp4", 
        "playCOUNT": "100130", 
        "allTime": "03:25", 
        "addTime": "10天前", 
        "size": "11.68"
    }, 
    {
        "vid": "225", 
        "title": "蚂蚁搬豆", 
        "Thumbnail": "http://www.qipaoxian.com/iso/pic/1388821762322.png", 
        "Thumbnail2": "http://www.qipaoxian.com/iso/pic/1388821762165.png", 
        "videoURL": "http://rs.qipaoxian.com/mp4/211.mp4", 
        "playCOUNT": "119657", 
        "allTime": "02:01", 
        "addTime": "10天前", 
        "size": "6.91"
    }, 
    {
        "vid": "224", 
        "title": "快乐的00后", 
        "Thumbnail": "http://www.qipaoxian.com/iso/pic/1388821730560.png", 
        "Thumbnail2": "http://www.qipaoxian.com/iso/pic/1388821730313.png", 
        "videoURL": "http://rs.qipaoxian.com/mp4/210.mp4", 
        "playCOUNT": "105635", 
        "allTime": "03:19", 
        "addTime": "10天前", 
        "size": "11.36"
    }, 
    {
        "vid": "223", 
        "title": "数星星", 
        "Thumbnail": "http://www.qipaoxian.com/iso/pic/1388653758736.png", 
        "Thumbnail2": "http://www.qipaoxian.com/iso/pic/1388653758431.png", 
        "videoURL": "http://rs.qipaoxian.com/mp4/209.mp4", 
        "playCOUNT": "89437", 
        "allTime": "04:21", 
        "addTime": "10天前", 
        "size": "14.93"
    }
]

我据此建立了简单的Song类，由于不考虑实时数据内容变化，故未使用INotifyPropertyChanged接口：
 
     
       addTime { ;   title { ;   allTime { ;   playCOUNT { ;   size { ;   Thumbnail { ;   vid { ;   videoURL { ;

 

2.儿童故事
API：

       http://www.qipaoxian.com/action/iso_action2.php?pageNo=18&curPage=1&act=1&key=

  返回数据：

"vid": "360""title": "运神像的驴子""Thumbnail": "http://www.qipaoxian.com/iso/pic/1397724871825.png""Thumbnail2": "http://www.qipaoxian.com/iso/pic/1397724871681.png""videoURL": "http://rs.qipaoxian.com/mp4/story/s111.mp4""playCOUNT": "588""allTime": "01:42""addTime": "3天前""size": "4.06""vid": "358""title": "乌鸦的迁徙""Thumbnail": "http://www.qipaoxian.com/iso/pic/1396597411123.png""Thumbnail2": "http://www.qipaoxian.com/iso/pic/1396597397119.png""videoURL": "http://rs.qipaoxian.com/mp4/story/s110.mp4""playCOUNT": "1615""allTime": "01:32""addTime": "10天前""size": "2.30""vid": "356""title": "公牛与车轴""Thumbnail": "http://www.qipaoxian.com/iso/pic/1395994251440.png""Thumbnail2": "http://www.qipaoxian.com/iso/pic/1395994251614.png""videoURL": "http://rs.qipaoxian.com/mp4/story/s109.mp4""playCOUNT": "1836""allTime": "01:42""addTime": "10天前""size": "2.73""vid": "350""title": "蚂蚁和屎壳郎""Thumbnail": "http://www.qipaoxian.com/iso/pic/1395133408786.png""Thumbnail2": "http://www.qipaoxian.com/iso/pic/1395133408984.png""videoURL": "http://rs.qipaoxian.com/mp4/story/s108.mp4""playCOUNT": "2644""allTime": "01:46""addTime": "10天前""size": "5.55""vid": "348""title": "狼与逃进神庙的小羊""Thumbnail": "http://www.qipaoxian.com/iso/pic/1394698562859.png""Thumbnail2": "http://www.qipaoxian.com/iso/pic/1394698562571.png""videoURL": "http://rs.qipaoxian.com/mp4/story/s107.mp4""playCOUNT": "3416""allTime": "01:29""addTime": "10天前""size": "4.63""vid": "345""title": "公山羊与掉在井里的狐狸""Thumbnail": "http://www.qipaoxian.com/iso/pic/1393401680162.png""Thumbnail2": "http://www.qipaoxian.com/iso/pic/1393401680788.png""videoURL": "http://rs.qipaoxian.com/mp4/story/s106.mp4""playCOUNT": "4338""allTime": "01:54""addTime": "10天前""size": "5.96""vid": "341""title": "小孩与栗子""Thumbnail": "http://www.qipaoxian.com/iso/pic/1392797567733.png""Thumbnail2": "http://www.qipaoxian.com/iso/pic/1392797567382.png""videoURL": "http://rs.qipaoxian.com/mp4/story/s105.mp4""playCOUNT": "4325""allTime": "01:40""addTime": "10天前""size": "5.20""vid": "338""title": "公鸡和宝玉""Thumbnail": "http://www.qipaoxian.com/iso/pic/1392019994599.png""Thumbnail2": "http://www.qipaoxian.com/iso/pic/1392019994427.png""videoURL": "http://rs.qipaoxian.com/mp4/story/s104.mp4""playCOUNT": "4763""allTime": "01:40""addTime": "10天前""size": "5.25""vid": "334""title": "农夫与争吵的儿子们""Thumbnail": "http://www.qipaoxian.com/iso/pic/1390294692481.png""Thumbnail2": """videoURL": "http://rs.qipaoxian.com/mp4/story/s103.mp4""playCOUNT": "3873""allTime": "01:39""addTime": "10天前""size": "5.13""vid": "333""title": "偷东西的小孩与他的母亲""Thumbnail": "http://www.qipaoxian.com/iso/pic/1389930333472.png""Thumbnail2": """videoURL": "http://rs.qipaoxian.com/mp4/story/s079.mp4""playCOUNT": "3893""allTime": "01:35""addTime": "10天前""size": "4.99""vid": "329""title": "画蛇添足""Thumbnail": "http://www.qipaoxian.com/iso/pic/1389579431291.png""Thumbnail2": """videoURL": "http://rs.qipaoxian.com/mp4/story/s028.mp4""playCOUNT": "3735""allTime": "01:55""addTime": "10天前""size": "5.91""vid": "328""title": "杞人忧天""Thumbnail": "http://www.qipaoxian.com/iso/pic/1389579387307.png""Thumbnail2": """videoURL": "http://rs.qipaoxian.com/mp4/story/s021.mp4""playCOUNT": "2733""allTime": "01:09""addTime": "10天前""size": "3.63""vid": "327""title": "叶公好龙""Thumbnail": "http://www.qipaoxian.com/iso/pic/1389402054482.png""Thumbnail2": """videoURL": "http://rs.qipaoxian.com/mp4/story/s023.mp4""playCOUNT": "2496""allTime": "00:56""addTime": "10天前""size": "2.96""vid": "326""title": "滥竽充数""Thumbnail": "http://www.qipaoxian.com/iso/pic/1389402099954.png""Thumbnail2": """videoURL": "http://rs.qipaoxian.com/mp4/story/s024.mp4""playCOUNT": "2189""allTime": "03:11""addTime": "10天前""size": "9.99""vid": "325""title": "小蝌蚪找妈妈""Thumbnail": "http://www.qipaoxian.com/iso/pic/1389402121862.png""Thumbnail2": """videoURL": "http://rs.qipaoxian.com/mp4/story/s074.mp4""playCOUNT": "3759""allTime": "04:26""addTime": "10天前""size": "13.98""vid": "324""title": "乌鸦喝水""Thumbnail": "http://www.qipaoxian.com/iso/pic/1389402135602.png""Thumbnail2": """videoURL": "http://rs.qipaoxian.com/mp4/story/s005.mp4""playCOUNT": "3738""allTime": "01:37""addTime": "10天前""size": "5.10""vid": "323""title": "两只打架的公鸡""Thumbnail": "http://www.qipaoxian.com/iso/pic/1389402166849.png""Thumbnail2": """videoURL": "http://rs.qipaoxian.com/mp4/story/s068.mp4""playCOUNT": "3030""allTime": "01:39""addTime": "10天前""size": "5.19""vid": "322""title": "断尾的狐狸""Thumbnail": "http://www.qipaoxian.com/iso/pic/1389402179321.png""Thumbnail2": """videoURL": "http://rs.qipaoxian.com/mp4/story/s035.mp4""playCOUNT": "3074""allTime": "01:30""addTime": "10天前""size": "4.76"

据此建立的类与Song很相似，不再给出。

3.首页展示视频

API：

      http://www.qipaoxian.com/action/iso_action.php?action=hd

返回数据：

"vid": "357""title": "小猴运动会""pic": "http://www.qipaoxian.com/iso/pic/1397090440302.png""videoURL": "http://rs.qipaoxian.com/mp4/226.mp4""playCOUNT": "23105""allTime": "03:26""addTime": "10天前""type": "1""size": "5.44"

这里同样使用Song类

App设计

 

 

相关文章

相关频道：

相关阅读

用户评论