00:00
好的,我们继续,呃上一节课呢,我们提到了我们最终呢会做一个项目啊,会做一个项目,那么这个项目做完到底长什么样呢?哎,那这一次呢,我给大家介绍一下这个项目好,那现在呢,我给大家打开的是我们的微信开发者工具啊微信开发者工具那在这里呢,大家看到的这个界面啊,那这个呢,就是我们最终做出来的啊项目好,那在这里,现在我们看到的呢,这个是首页啊,这里你比如包含什么龙波图啊呃,下边有什么?呃,这个推荐歌曲啊,包括这个排行榜,那这些呢,用到的数据都是网易云音乐它真实的接口数据,呃,除了主页呢,我们还有比如说个人中心啊,我们先来看个人中心,那现在呢,来到个人中心里边我们能看到。在未登录的情况下,那这儿显示的呢,是游客啊,包括用户的头像,好,那下边这儿呢,最近播放的也是暂无播放记录,那我们可以点击这个头像的位置,然后跳转到我们的登录界面,哎,你在这里呢,你需要用网易云音乐真实的啊账号以及密码去登录。
01:14
啊,如果说啊,没有网易营业账号的同学呢,你需要去注册一下啊,需要注册一下,那这个呢,不是说给网易营业打广告啊,是因为我们的项目里面确实要用到,呃,我也在考虑啊,要不要跟网易哎云院去聊一下啊,因为。我去讲这一套课呢,那现在呢,至少给他带来了五六百个用户啊,包括呢,以后肯定会更多一些啊,肯定会更多一些,到时候看看能不能给我一点提成啥的,对吧?好,那现在呢,呃,这个登录界面我们也可以点击回退,然后呢,我们去看一下啊,我们的视频页点击来到视频页,那这个时候大家看它呢,又跳转到了我们的硅谷云页的登录界面,那么为什么跳到这儿呢?是因为我们的视频数据呢,是需要我们用户登录以后才能拿到数据。
02:09
啊,他呢需要依赖于我们用户的cookie啊,所以呢,在没有登录的情况下,你是没有办法去访问的啊,那那现在呢,我们去登录一下啊,那我用我的账号去登录一下,稍等。来输入完我的账号和密码以后呢,我们点击登录啊索尼。好,登录成功了以后呢,它会自动呢,跳转到我们的个人中心页啊,个人中心页那在这里大家看到,哎,那现在呢,显示的就是我的网易云业的账号,包括我的头像。同时呢,下边呢,也有我最近播放的一些啊歌曲的数据。好,那这个时候呢,我们再来到我们的视频页啊,再来到我们的视频页来,那现在呢,大家看到我们可以访问了,并且是吧,哎,已经有数据了呀,那下边那那这些呢,都是我们对应的视频的数据啊。
03:09
并且呢,我们可以点击播放,你比如我点击播放好,那声音我稍微调低一点啊啊,你也可以点击暂停啊,也可以呢,干嘛去切换我们的视频,比如我点这个啊也可以暂停没有问题啊,而且呢,我们可以点击上边导航的标签去切换不同的视频数据。好,那这是这个,那在我们的视频模块的右下角,大家看到啊,现在这的关注,包括说屏幕啊,这显示的数据呢,也是由网易云业提供的真实的数据。同时在右侧这儿有一个三个点,我们点击它呢,就可以实现转发分享的功能啊,在这里大家看到的呢,是我故意加的一些自定义的分享内容,以及自定义的分享图片。
04:02
那现在看到的呢啊,这个呢是我的女神啊,必须要重点去介绍一下啊,她呢是贾静雯啊,可能之前看过倚天屠龙记的小伙伴呢,啊,应该对里边的赵敏比较熟悉啊,就是他扮演的啊,他扮演的好,那现在呢,大家看啊,我点击发送,那这个呢,本意是要发送给我们的微信好友。呃,可是呢,在模拟器里边,你看我点击发送啊,我一点其实是没有任何反应的,那这是因为模拟器里边啊,它没有办法支持这个转发分享的啊,这个功能,最终我们想要看到这个呢,需要在真机去体验这个功能。那如何在真机体验我们的项目呢?在我们的课程里面会讲到啊,会讲到好,呃,那除了我们的视频页大家看啊,我可以点击上边的这个啊搜索框,然后它呢,会跳转到我们的搜索界面。
05:00
在这里,那下边呢,是我们啊最近网易音乐平台啊热搜的一些歌曲的数据,同时在上边的搜索框,我们可以去通过关键字模糊匹配呢,搜索对应的歌曲,比如说啊,我在这儿呢,搜一个光辉岁月啊,那这个时候大家看啊下面呢,搜索到的就是我们关于光辉岁月歌曲相关的一些内容。啊,因为时间的关系呢,呃,在点击的接口呢,我就没有去做啊,没有去做,那我们就是为了去锻炼这个啊,如何去搜索,然后呢,我们也可以点击这个叉号呢,去清空我们表达上的内容,那这个时候呢,大家能看到啊,下边历史这一块呢,就有我搜索过的历史记录,呃,然后呢,我们可以点击右侧的删除的按钮。来。你可以干嘛,可以清空你的历史,历史记录,来,我点击群里历史记录这一块呢,它就没有了。
06:03
好,以上这个呢,是我们搜索界面啊,然后呢,我回退到我们的主页啊,来到我们的主页。在我们的主页这儿呢,有一个每日推荐,那这里呢,我们可以点击。然后呢,来到的是我们每日推荐的页面。那在这里上边呢,啊是一个静态的部分啊,这里呢,啊是一个时间的显示啊,这儿呢,是我随便找了一张背景图,那再往下大家看到的这一个呢,是呃,根据我们用户的啊听歌的习惯呢,推荐给你的歌曲列表。那在这里我可以点击某一首歌曲,然后呢,它就会跳转到对应的音乐播放的界面啊,那现在我们看到的这些数据都是当前歌曲相关的一些数据,比如歌曲的名字呀,啊,谁唱的这首歌呀,包括说歌曲的图片等等。
07:03
那现在呢,我们是处于一个未播放的状态,呃,我们可以点击下边的播放按钮去播放我们的歌曲来,现在呢,我点击一下啊,大家看一下走。那这边一点进,你会发现它的音乐播放了,然后我可以点击暂停,哎,它就停止了,那在点击播放的时候呢,我们能看到啊,摇杆落下,磁盘开始转对吧?那设计这些呢,主要是啊,为了让大家再去把我们C3的一些啊新特性的去巩固一下啊,比如说啊,我们的过渡啊,啊包括我们的动画呀等等。那呃,信心的小伙伴呢,可能已经看到了下边的这个音乐的时长啊,包括说实时播放的进度以及进度条,它呢都是动态的。并且呢,在当前的页面呢,我还去实现了这个切割的功能,比如说我点击切换至下一首,那么它会切换到下一首啊,并且呢,自动播放该歌曲,你也可以点击切换上一首。
08:13
那它就会自动的回退到上一首,并且自动播放。好,以上呢,就是我们最终啊要实现的这个目标啊,要实现的目标,那本节课呢,先讲到这里。
我来说两句