首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    基于 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.4K100

    基于 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.9K110

    时光相册

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

    3.4K30

    相册功能的实现

    首先分析数据库表: 相册数据库整体只有一张表,主键为相册id,相册内的图片是由url,uid,status组成的json字符串数组共同存在一条相册的一个字段中,所以得出结论新建相册的操作是insert...一条数据库字段,而添加删除相册内的图片则是对该字段的json数组进行修改,因此就是对这条相册数据库的update操作。...前端方面的思路:因为分为相册列表和相册详情,所以需要两个页面才方便展示不同的操作,直接复制个album界面,通过修改按钮和表格显示体现出列表与详情的区别。...相册列表界面显示所有相册,然后点击查看相册,带上相册id跳转至相册详情页面,在相册详情页面通过截取方式获取id后再发送请求获取相册详情,再将imageItems中图片读取展示出来。...id=${window.location.href.split("id=")[1]}`) 相册列表 相册详情 后端service层:利用现成的Service接口中简单的增删查改进行组合,主要在controller

    1.7K20

    QQ音乐、网易云音乐、虾米音乐们的音乐社区暗战

    除了QQ音乐,还有以“云村”突出重围的网易云音乐,上新“音乐圈”的虾米音乐,打造“圈子”的酷狗音乐……,音乐社区成为了音乐平台们竞逐的新战场。...虾米音乐的趴间主要是以粉丝、音乐风格、音乐人、电台这四个核心话题构建,通过播放精选音乐调动用户实时互动,类似于网易云音乐的唱聊、酷狗音乐的K房、QQ音乐的扑通房间,但实时人气相对较高。...比如,网易云音乐上线了声之剧场、音乐交友、亲子频道等内容;QQ音乐与艺术展、艺术对谈等形式跨界合作;虾米音乐上线“番你街”,通过设计各类音乐店铺打造音乐街区;酷狗音乐还支持用户“我要唱”、斗歌等行为。...网易云音乐的社交内容覆盖范围广,倾向于打造成一个受众更多的音乐社交平台;QQ音乐、酷狗音乐侧重于打造以音乐为入口的综合娱乐性质社交平台;而虾米音乐平台上的社交内容,焦点还是在音乐。...酷狗音乐、酷我音乐和QQ音乐都属于腾讯系,腾讯系音乐平台在音乐版权方面具有绝对实力,所以其在后期会发挥出不可小视的竞争力。

    4.5K40

    开源一款好看的PHP个人门户程序

    BKCS-现代化多功能个人门户系统一个基于原生PHP开发的轻量级、现代化个人综合门户。集成了博客、相册、聊天室、恋爱空间及AI能力,内置WAF防护与Redis高性能缓存。...查看前台演示|[仓库](GZXS1314/JSBK:一款超精美的个人PHP博客系统)界面概览✨极简主义设计,集成资源监控与数据可视化核心功能1.前台体验(Frontend)内容管理:沉浸式文章阅读体验,...多媒体中心:相册:采用响应式瀑布流布局,优雅展示摄影作品。音乐:全站全局悬浮播放器,支持无缝切换与歌单管理。互动社区:聊天室:基于轮询/WebSocket机制的实时交流大厅。...3.技术架构(TechStack)架构设计:纯原生PHP+MySQL驱动,无臃肿框架,极其轻量且易于二次开发。...极致性能:底层深度集成Redis缓存驱动(redis_helper.php),实现页面秒级响应。云端存储:灵活支持本地存储及腾讯云COS对象存储(cos_helper.php)。

    41621
    领券