首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Flutter实战 | 从 0 搭建「网易云音乐」APP(九、搜索页面、底部播放控制栏)

本系列可能会伴随大家很长时间,这里我会从0开始搭建一个「网易云音乐」的APP出来。 下面是该APP 功能的思维导图: ?...、发现页)3.Flutter实战 | 从 0 搭建「网易云音乐」APP(三、每日推荐、推荐歌单)4.Flutter实战 | 从 0 搭建「网易云音乐」APP(四、排行榜、播放页面)5.Flutter实战...| 从 0 搭建「网易云音乐」APP(五、播放功能逻辑)6.Flutter实战 | 从 0 搭建「网易云音乐」APP(六、歌词(一))7.Flutter实战 | 从 0 搭建「网易云音乐」APP(七、...歌词(二))8.Flutter实战 | 从 0 搭建「网易云音乐」APP(八、我的页面) 本篇为第九篇,在这里我们会搭建「搜索页面、底部播放控制栏」。...底部播放控制栏 接到很多人反馈说找不到当前听的是哪首歌?, 当时觉得这个东西比较简单,就没有写,昨天花了一点时间给写完了。 我为什么说他简单呢。。。不是我装x,是真的简单,听我说!

2.6K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    基于Qt的网络音乐播放器(四)酷狗API接口获取歌曲的搜索列表和歌曲的播放

    #include #include #include #include #include 创作不易,你们的三连是我创作的动力...format=json&keyword=你需要填的&page=你需要填的&pagesize=你需要填的 keyword:搜索的内容。...page:搜索的页数 pagesize:返回的数据量,填10就是返回1首歌曲的数据。...第一目标个是通过该接口,实现歌曲搜索,第二个目标是通过该接口获取特定歌曲的hash和album_id的值用于下面歌曲的播放,文字图片以及歌词(下一篇讲)的显示 第二个是歌曲详细接口: http://...4.网络歌曲播放的实现 当搜索列表有了内容,我们希望双击播放音乐,所以我们的第二个接口通过双击信号调用。

    3K63

    建站的灵魂拷问:我的网站做好了,为啥无法搜索到?

    随着互联网技术的不断发展,越来越多传统企业开始重视品牌的数字化升级,寻求关于网站搭建的方法与技巧。但是在建站的实践过程中总是会遇到不少难题,例如“我的网站做好了,为啥无法搜索到”?...腾讯云就此通过大数据分析,筛选出企业客户最关注的3个问题,为您一探究竟。 1、网站制作好了,为什么无法访问? 当制作好网站后,所有人都关心我的网站什么时候能访问? 小技巧来啦!...90%以上的企业做网站都是为了让更多的客户通过关键词搜索到自己的网站,从而找到我们。那网站主应该如何进行网站优化提升网站竞争度,让更多人搜索到我们呢?主要可以分以下几方面来操作。...⑤定期更新网站文章等网站内容,客户通过网站搜索找到您的几率越大,因此网站主可定期更新一些行业相关资讯,丰富网站的内容。...产品线覆盖了企业客户从创业起步期、规范治理期、规模化增长期、战略升级期等全生命周期,针对性的解决企业的信息化、数字化、智能化的生产力升级需求。

    1.3K30

    ​Flutter实战 | 从 0 搭建「网易云音乐」APP(八、我的页面)

    本系列可能会伴随大家很长时间,这里我会从0开始搭建一个「网易云音乐」的APP出来。 下面是该APP 功能的思维导图: ?...、发现页)3.Flutter实战 | 从 0 搭建「网易云音乐」APP(三、每日推荐、推荐歌单)4.Flutter实战 | 从 0 搭建「网易云音乐」APP(四、排行榜、播放页面)5.Flutter实战...| 从 0 搭建「网易云音乐」APP(五、播放功能逻辑)6.Flutter实战 | 从 0 搭建「网易云音乐」APP(六、歌词(一))7.Flutter实战 | 从 0 搭建「网易云音乐」APP(七、...「我的」页面,我这里做的比较简单,上面的UI(本地音乐等)目前只是用来展示用,真正的功能有如下几点: 1.展示歌单(创建的歌单、收藏的歌单)2.创建新歌单3.对歌单进行操作 下面就开始吧。 1....展示歌单 首先我们先想一下,整个 APP 中对于歌单操作的位置其实是非常多的(搜索后添加歌单、推荐歌单里添加歌单、给歌单添加歌曲等等),那么对于这种需求,我所考虑的就是把歌单的逻辑放入顶层 Provider

    1.5K00

    叮当:一个开源的智能音箱项目

    先放上项目主页:http://dingdang.hahack.com 下面分享一下我在开发这个项目过程中的心得。 如果您在使用微信或者其他客户端程序阅读本文时发现视频无法播放,请改为在浏览器中打开。...如果接入了对话机器人(例如图灵机器人),将转交给对话机器人应答;否则将给予类似 “我没听清楚” 这样的回复。...只有当用户要求退出播放时才回到普通模式。NetEaseMusic 的播放控制指令如下: 指令 相同指令 用途 播放音乐 - 进入音乐播放模式。在音乐播放模式下,其他的插件功能将不可用。...如果没有上一首歌,就跳到列表中最后一首歌 大声点 大点声,大声 调高播放音量 小声点 小点声,小声 降低播放音量 随机播放 - 随机播放列表中的音乐 顺序播放 - 顺序播放列表中的音乐 暂停播放 - 暂停音乐的播放...搜索 查找 搜索歌曲/歌手。将自动播放搜索结果。

    3.4K20

    12月的音乐可视化笔记:我从TOP2000歌曲中,分析了这几年流行音乐的变化趋势

    第一篇,Nadieh的创作笔记 “我从TOP2000歌曲中,分析了这几年流行音乐的变化趋势” 第一周 | 数据 关注大数据文摘,公众号后台回复“隔壁老王”,下载设计师老王从隔壁发来的高清大图 当你和荷兰人谈论...“12月的音乐”,他们很有可能想到Top 2000,这是一个从圣诞节开始到12月31日午夜之间播放的年度音乐榜单。...之后我将数据做了整合,使每一首歌都有唯一一行数据(歌曲的URL是唯一键),并保存了额外的信息,例如达到的最高排名以及在Top40上榜的周数。...从1970年左右开始,音乐网站在评选Top40时,还提供了一个20-30条左右的扩充列表以列出一些不在Top40中,但被DJ认为将在或应该在榜单中的歌曲。...我无法确定剩下的380首歌中有多少曾出现在Top40里,但是说实话,经过所有的数据处理以及我对数据的检查,我认为这种情况低于10%。

    1.3K30

    【QQ微信个人号变身机器人】炸群+远程监控个人PC的尝试

    目录的话大概是 →做个QQ机器人扔群里和小冰炸群 →使用QQ消息控制自己电脑的网易云音乐 →微信个人号变身机器人 关键词:QQ/微信机器人;Python模拟鼠标、键盘输入;Python调用系统命令 环境...最近我发现QQ群里也有机器人,分别是小冰和小Q,其中小Q也是用的图灵机器人,但是一个QQ群里不能同时存在两个官方机器人,那么我们有没有办法把自己的QQ号打造成机器人,然后让它在群里和小冰尬聊呢?...我这边直接按照官方提供的样例进行消息的注册。之后我们通过之前做过的图灵机器人API,将消息内容和联系人QQ号传至图灵API后,把返回内容发送回去即可。 首先是我自己写的对图灵机器人消息处理的函数。...于是我尝试了一个相对简单的想法:控制我电脑的网易云音乐。 有了这个想法之后我在思考实现的方式。网易云显然是没有给我们预留和Python交互的接口的。...1、测试时图方便,并没有加对消息来源的判断,也就是说…只要任何一个人给我发 播放、暂停、打开、关闭、上一首、下一首这样的内容,都可以控制我的网易云…当然我相信你们不会那么无聊的…自己用的时候加一步判断就好了

    4K70

    状态模式(分离状态,选择实现)

    公告 如果您是第一次阅读我的设计模式系列文章,建议先阅读设计模式开篇,希望能得到您宝贵的建议。...烦人的Alice又出现了,这次又会提出怎样的需求呢? 正文 某天下午Alice跑到了你的门店,抱怨他购买的机器人 “播放歌曲的功能失灵了”。再也没法听到机器人曼妙的歌声。...作为一个“有良心”的卖家,当然不能把产品没做好的事情抖出去。于是你扛起正义的大旗,保证帮Alice把机器人修好。 程序员视角 现在我们希望实现这样一个功能 — — “播放音乐”。...我们告诉机器人对应的指令,机器人就会默默的为我们查询歌曲并播放(唱出来)。 如何实现 罗列下业务事件: 搜索歌曲、下载歌曲、播放歌曲、暂停歌曲等这些功能都很好实现,但是其状态转化却是相对比较复杂的。...比如给机器人发口令“播放周杰伦的稻香”: 1、机器人会先搜索稻香、周杰伦关键字。 2、搜到成功后下载到本机。 3、然后在执行播放按钮。

    75040

    音乐搜索器 – 多站合一音乐搜索解决方案

    文章目录[隐藏] 源码介绍 源码预览 常见问题 免责声明 源码介绍 多站合一音乐搜索解决方案,支持搜索试听以下网站音乐: 网易云音乐 QQ音乐 酷狗音乐 酷我音乐 虾米音乐 百度音乐 一听音乐...提示数据获取失败 方案1: 修改 index.php 文件里的 MC_PROXY 为您的代理地址 将 core/music.php 里需要代理的 URL ‘proxy’ => false 改为...更换服务器,选择延迟更低的服务器。 2. 播放器显示 Error happens ╥﹏╥ 音乐链接为空 1. 音乐需要付费才能收听 2. 版权限制,外站无法获取 3....服务器 IP 所在地不在源站允许的区域 4. 音乐下架了,链接被去除 音乐链接不为空 1. 当前 IP 所在地因版权限制而无法播放 2. 音乐格式浏览器无法正常解析 3....您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序,请支持正版,购买注册,得到更好的正版服务。如有侵权请邮件与我联系处理。敬请谅解!

    4K51

    音乐搜索器 - 多站合一音乐搜索,音乐在线试听源码分享

    源码介绍 麦葱特制多站合一音乐搜索解决方案,支持搜索试听以下网站音乐: 网易云音乐 QQ音乐 酷狗音乐 酷我音乐 虾米音乐 百度音乐 一听音乐 咪咕音乐 荔枝FM 蜻蜓FM 喜马拉雅FM...提示数据获取失败     方案1:         修改 index.php 文件里的 MC_PROXY 为您的代理地址         将 core/music.php 里需要代理的 URL...更换服务器,选择延迟更低的服务器。 2. 播放器显示 Error happens ╥﹏╥ 音乐链接为空     1. 音乐需要付费才能收听     2....版权限制,外站无法获取     3. 服务器 IP 所在地不在源站允许的区域     4. 音乐下架了,链接被去除 音乐链接不为空     1....当前 IP 所在地因版权限制而无法播放     2. 音乐格式浏览器无法正常解析 预览 ?

    24K30

    手把手教你爬取某酷音乐付费歌曲~

    爬取酷我音乐相比网易云音乐、酷狗音乐以及QQ音乐来说容易很多,没有加密算法,而且在反爬虫中不存在一些难理解的逻辑,只需要理清思路即可!...本文会用爬虫+GUI制作酷我音乐下载工具 GUI编写思路 本文的爬虫程序是根据下面的GUI界面进行封装的,GUI创建是使用PySimpleGUI库: ?...爬虫编写思路 根据GUI结构,我们需要一个搜索功能,这里直接在酷我音乐首页搜索框搜索音乐抓包,拿到搜索框搜索内容的ap:i ?...随便点击任意一首歌曲,当然,付费歌曲是无法在网页上播放的,但酷我音乐的付费内容和免费内容都是用一条链接的,所以播放免费歌曲进入播放页: ?...在播放页抓包,成功找到包含MP3格式的数据包,得到url: http://www.kuwo.cn/url?

    3.4K31

    如何让搜索引擎抓取AJAX内容?

    这种做法的好处是用户体验好、节省流量,缺点是AJAX内容无法被搜索引擎抓取。举例来说,你有一个网站。   http://example.com 用户通过井号结构的URL,看到不同的内容。   ...那么,有没有什么方法,可以在保持比较直观的URL的同时,还让搜索引擎能够抓取AJAX内容?...这里有一个例子,你点击上方的按钮,开始播放音乐。然后,再点击下面的链接,看看发生了什么事? 地址栏的URL变了,但是音乐播放没有中断! History API 的详细介绍,超出这篇文章的范围。...下面就是Robin Ward的方法。 首先,用History API替代井号结构,让每个井号都变成正常路径的URL,这样搜索引擎就会抓取每一个网页。   ...大家可以从 http://www.ruanyifeng.com/tweets/,了解我的行程。欢迎关注。 (完)

    1.1K30

    hexo-tag-aplayer使用方法

    author: 曲目作者 url: 音乐文件 URL 地址 picture_url: (可选) 音乐对应的图片地址 narrow: (可选)播放器袖珍风格 autoplay: (可选) 自动播放,移动端浏览器暂时不支持此功能...width:xxx: (可选) 播放器宽度 (默认: 100%) lrc:xxx: (可选)歌词文件 URL 地址 当开启 Hexo 的 文章资源文件夹 功能时,可以将图片、音乐文件、歌词文件放入与文章对应的资源文件夹中...APlayer 衍生播放器,引入 MetingJS 后,播放器将支持对于 QQ音乐、网易云音乐、虾米、酷狗、百度等平台的音乐播放。...: 选项 默认值 描述 id 必须值 歌曲 id / 播放列表 id / 相册 id / 搜索关键字 server 必须值 音乐平台: netease, tencent, kugou, xiami, baidu...340px 播放列表的最大长度 preload auto 音乐文件预载入模式,可选项: none, metadata, auto theme #ad7a86 播放器风格色彩设置 关于如何设置自建的

    2K51

    黑科技 | 美好的一天,就应该以这款自动化应用脚本开始

    ,随机播放自己喜欢的音乐,给自己带来元气满满的一天,这种感觉不要太爽!...接着,搜索关键字「文本」,插入一个文本操作,单击文本操作区,编辑文本内容 从上面步骤中的「当前位置」得到城市、从「天气状况」获取最高温度和最低温度,最后经过组装成一段天气语句 ?...接着,添加播放音乐的快捷指令 实际上,很多 App 设置中都提供了URL 捷径,可以快速调起某个功能 以网易云音乐为例,打开设置页面,发现提供了:播放每日推荐、私人 FM、喜欢的音乐等 Siri 捷径...最后,将播放音乐的快捷指令也添加到操作中,和天气的快捷指令一起组成一个自动化流程 如此,每天早上按掉闹铃后,就会触发这个自动化流程,自动播放当天天气,然后播放指定的音乐 4....你的肯定是我最大的鼓励和支持。

    1.5K30

    推荐一款手机端黑科技自动化脚本

    ,随机播放自己喜欢的音乐,给自己带来元气满满的一天,这种感觉不要太爽! ​...「天气」,选择「获取当前天气」这一栏 接着,搜索关键字「文本」,插入一个文本操作,单击文本操作区,编辑文本内容 从上面步骤中的「当前位置」得到城市、从「天气状况」获取最高温度和最低温度,最后经过组装成一段天气语句...「获取当前天气」的快捷指令 接着,添加播放音乐的快捷指令 实际上,很多 App 设置中都提供了URL 捷径,可以快速调起某个功能 以网易云音乐为例,打开设置页面,发现提供了:播放每日推荐、私人 FM...、喜欢的音乐等 Siri 捷径 URL 只需要点击一下,就能快速将捷径添加到快捷指令列表 需要注意的是,如果知道功能的 URL,也可以通过添加「打开 URL」,完成同样的功能 最后,将播放音乐的快捷指令也添加到操作中...你的肯定是我最大的鼓励和支持。

    1.4K20

    Js自动播放HTML音乐(不受浏览器限制,无需先与浏览器交互,无需对浏览器进行修改)

    众所周知,声音无法自动播放一直是IOS/Android上的惯例。桌面版Safari也在2017年第11版宣布禁止带声音的多媒体自动播放功能。...而通过网上搜索来解决这个问题,大部分都会提到使用javascript原生的play()来解决。...如果作为背景音乐播放,可以更改静音属性,达到自动播放的效果。自动播放是可以的,但是这里用户需要的是背景音乐,而且是音频文件,静音属性无法达到这个效果。.../music.flac'); } catch (e) { console.log('无法找到音乐!')...; } 构建播放器后,可以在进入页面时缓存,然后自动播放背景音乐,不考虑浏览器。 注意事项 这种方法只对浏览器有效,无法实现APP上自动播放音乐的效果。

    6.5K80

    点进来,这里告诉你:爬虫学习之一个简单的网络爬虫

    ###什么是网络爬虫 网络爬虫(又被称为网页蜘蛛,网络机器人,在FOAF社区中间,更经常的称为网页追逐者),是一种按照一定的规则,自动地抓取万维网信息的程序或者脚本。...,或者说是一种网络机器人。...它们被广泛用于互联网搜索引擎或其他类似网站,以获取或更新这些网站的内容和检索方式。...第一步 确定目的 抓取目标网站的某一期所有音乐 第二步 分析页面结构 访问落网的某一期刊,通过Chrome的开发者模式查看播放列表中的歌曲,右侧用红色框线圈出来的是一些需要特别注意的语义结构,见下图所示...根据以上分析我们可以得到播放清单的位置和音乐文件的路径,接下来我们通过Python来实现这个目的。

    858140

    我用 Python 写了一款炫酷音乐播放器,想听啥随便搜!

    在下方公众号后台回复:面试手册,可获取杰哥汇总的 3 份面试 PDF 手册。 前言 昨天晚上坐在电脑面前,想着一边撸代码,一边听音乐。搜了搜自己想听的歌,奈何好多歌曲都提示需要版权,无法播放!...一、核心功能设计 总体来说,我们首先需要设计UI界面,对播放器的画面布局进行排版设计;其次我们的这款音乐播放器的主要功能包括根据关键字搜索自动爬取音乐,获取音乐列表,能进行音乐播放。...底部主要来显示当前播放音乐,播放进度条,音量控制,上一首/下一首,暂停/开始,播放方式等附加功能 关键字音乐列表爬虫 通过输入的搜索关键字和选择的音乐来源,自动爬取对应的音乐数据 将爬取获取的音乐名进行列表显示...,显示在中间主体搜索页 音乐播放 音乐列表中我们需要双击某一首歌,对爬取的歌曲封面图和歌曲进行下载 下载成功,对音乐文件根据播放进度条进行播放 附加功能 播放音乐时,我们还需要有播放暂停和启动功能 音量控制提高或者降低...音乐播放 关键字搜索音乐列表完成之后,接下来我们需要实现音乐播放功能。首先需要从爬取的url下载待播放的歌曲,这里还是通过多线程进行。

    1.9K70
    领券