首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    基于 React + Webpack 的音乐相册项目(下)

    笔记仓库:https://github.com/nnngu/LearningNotes ---- 上一篇完成了音乐相册里面的相册功能,这一篇主要总结的是音乐相册里面的音乐播放器功能。...数据准备 在src/data目录添加音乐数据文件:musicDatas.js 代码如下: export const MUSIC_LIST = [ { id: 1, title: '童话镇...oj4t8z2d5.bkt.clouddn.com/sound-of-silence.jpg' } ]; 进度条功能 1、在src/index.html文件中添加一个div,作为jPlayer(音乐播放插件...{ transform: rotateZ(0) } 100% { transform: rotateZ(360deg) } } 然后在src/components/Main.js中添加音乐播放器组件...最终效果 到此,基于 React 的音乐相册的全部功能已经完成了。最终的运行效果如下: 源代码:https://github.com/nnngu/MusicPhoto

    1.1K100

    基于 React + Webpack 的音乐相册项目(下)

    上一篇我们完成了音乐相册里面的播放图片的功能,这一篇主要完成的是音乐相册里面的音乐播放器功能。最终让我们基于 React 的音乐相册图文并茂、有声有色。...我们主要从以下几个部分来展开: 数据准备 进度条功能 创建播放器组件 最终效果 数据准备 在src/data目录添加音乐数据文件:musicDatas.js 代码如下: export const MUSIC_LIST...oj4t8z2d5.bkt.clouddn.com/sound-of-silence.jpg' } ]; 进度条功能 1、在src/index.html文件中添加一个div,作为jPlayer(音乐播放插件...rotateZ(0) } 100% { transform: rotateZ(360deg) } } 然后在src/components/Main.js中添加音乐播放器组件...最终效果 到此,基于 React 的音乐相册的全部功能已经完成了。最终的运行效果如下: ?

    1.6K110

    添加虾米音乐外链-用php接口获取虾米音乐外链地址

    添加虾米音乐外链-用php接口获取虾米音乐外链地址 作者:matrix 被围观: 20,029 次 发布时间:2013-09-02 分类:零零星星 | 58 条评论 » 这是一个创建于 3285...记录过程: 一.修改php源码,添加取得虾米网音乐地址的id值,也就是下面代码的 变量$mp3_id <?...php /*取得song/后面的音乐ID:$MUsicID 正确链接例如:http://www.xiami.com/song/1772146363?...spm=a1z1s.6659513.0.0.eu3WwL 的音乐id值带入到获取音乐id的php中竟然正常返回外链地址。这里只带入音乐id也是正确的。...14-07-19 添加虾米歌曲链接地址破解算法 php代码: $id = '1772222342';//虾米音乐ID $DataUrl = 'http://www.xiami.com/widget/xml-single

    87420

    时光相册

    12 6,176 views A+ 所属分类:评测 第一次使用时光相册,其实是在小米应用商店推荐的时候发现的。因为我看到了"时光",所以对这个APP特别感兴趣,于是就下载了。...在那时,有许多网盘可以充当相册软件,但是我也没有选择他们,回头想想,我的选择还是对的。 时光相册不仅仅局限于本地的相册,它还可以把我们的相册同步至云端,还可以添加相册。...一般来说,时光会自动给我们建立几个相册。 ? ? 不仅不仅如此,时光相册还可以,自动为我们生成滤镜。这就是当时被朋友圈刷屏的同款滤镜,怎么样,反正我感觉挺不错。...还有音乐相册以及照片电影的功能,我想这俩功能我还不用再介绍了吧。 其实还有一个共享群,因为博主没有需要共享的,我就没弄了。...时光相册目前是正在成长的软件,我们要多给时间让其成长,我觉得未来时光相册会做的越来越好。

    2.3K30
    领券