本文由云+社区发表 作者:QQ音乐技术团队 一. 背景 1. 现状 歌词浏览已经成为音乐app的标配,展示和动画效果也基本上大同小异,主要是单行的逐字染色的卡拉OK效果和多行的滚动效果.当然,我们也不例外. 2. 目标 我们的目标十分明确,一是提升歌词的基础体验,二是在此基础上,能提供差异化的VIP特效,来吸引用户开通VIP. 二.探索技术方案 经过多次的需求评审和沟通讨论,各方在需求的目标和细节上也达成了初步的统一. 产品的希望 :效果炫酷,能实现逐字动画(位移,翻转,渐隐渐现,模糊,粒子特效…

最近朋友想做个音乐App,让我帮忙参考下.其中歌词动态滚动的效果,正好我之前也没做过,顺便学习一下,先来个预览效果. 实现思路 歌词常见的就是lrc歌词了,我们这里也是通过解析lrc歌词文件来获取其播放参数,以实现和播放器协同.下面是我从百度音乐获取的歌词文件示例: [ti:冰雨] [ar:刘德华] [al:笨小孩] [:0.05]冰雨 [:0.94]作词:刘德华.李密 作曲:潘协庆 [:01.23]演唱:刘德华 [:01.37] [:04.79](歌手独白) [:17.18]我是在等待 一个女…

最近在以QQ音乐为样板做一个手机音乐播放器,源码下篇博文放出.今天我想聊的是这个QQ音乐播放器中歌词显示控件的问题,和小伙伴们一起来探讨怎么实现这个歌词滚动的效果.OK,废话不多说,先来看看效果图: 好,接下来我们就来看看怎么实现这样一个效果.本文主要包括如下几方面内容: 1.歌词文件格式分析及解析 2.歌词显示控件绘制 3.关于卡拉OK模式 4.使用方式 好,那就开始吧. 1.歌词文件格式分析及解析 首先,小伙伴们需要明白歌词文件的格式都是固定的,是什么样子的呢,我们来看看下图: 我们一个歌词…

[一.项目目标] 通过Python爬取QQ音乐数据(一)我们实现了获取 QQ 音乐指定歌手单曲排行指定页数的歌曲的歌名.专辑名.播放链接. 此次我们在之前的基础上获取QQ音乐指定歌曲的歌词及前15个精彩评论. [二.需要的库] 主要涉及的库有:requests.json.html [三.项目实现] 1.以歌曲"泡沫"为例,查看该界面的XHR 2.通过对XHR的Size进行排序,逐个查看(参考英文含义),我们看到第一个红框内是歌曲评论,第二个框内是歌词! 3.分别查看这两条数据Heade…

先上效果图 歌词播放界面 音乐播放界面 锁屏歌词界面 一. 项目概述 前面内容实在是太基础..只想看知识点的同学可以直接跳到第三部分的干货 项目播放的mp3文件及lrc文件均来自QQ音乐 本文主要主要讲解锁屏歌词的实现,音频.歌词的播放网上资源略多,因此不做重点讲解,项目也是采取最简单的MVC+storyboard方式 项目GitHub地址: https://github.com/PengfeiWang666/WPFMusicPlayer 音乐模型-->WPFMusic /** 图片 */ @p…

从qq音乐的歌词接口中得到这样的代码 jsonp11({"retcode":"0","code":"0","subcode":"0","type":"1","songt":"0","lyric":"[ti:单行的轨道] [ar:G.E.M. 邓紫棋 ] [al:] [by:] […

    需求就是把关卡内的代码稍作修改,将周杰伦前五页歌曲的歌词都爬取下来,结果就是全部展示打印出来.       URL  https://y.qq.com/portal/search.html#page=1&searchid=1&remoteplace=txt.yqq.top&t=song&w=%E5%91%A8%E6%9D%B0%E4%BC%A6     #10 在QQ音乐中爬取某首歌曲的歌词 # 需求就是把关卡内的代码稍作修改,将周杰伦前五页歌曲的歌词都爬取下来,结…

QQ音乐爬虫(with scrapy)/QQ Music Spider UPDATE 2019.12.23 已实现对QQ音乐文件的下载,出于版权考虑,不对此部分代码进行公开.此项目仅作为学习交流使用,支持正版,人人有责 项目介绍 在写一个项目的时候需要用到一些音乐的信息,但是在网上找了许久也没找到满意的音乐语料,于是便用scrapy写了一个QQ音乐的爬虫 由于本人只需要用到中文歌曲,所以仅使用该爬虫爬取了QQ音乐中排名前6400名的内地和港台歌手的49万+的歌曲信息,该资源也分享到了百度云(该资…

iOS精选源码 view controller transition and popover (控制器转场和弹窗) UITableView头部悬停+UITableView侧滑嵌套 一行代码集成时间选择器 iOS仿滴滴时间选择picker BMMusicPlaye,使用ASDK,爱奇艺tabbar动画,网易云音乐播放器动效 圆环取色剂 iOS 一个轻量级的组件化思路 JHVerificationCodeView - 验证码输入框,验证码,code view,iOS验... 主流APP都有使用的Lo…

我一直是QQ音乐的用户,最近想做一个应用,想用QQ音乐的API,搜索了很久无果,于是就自己分析QQ音乐的API. 前不久发现QQ音乐出了网页版的,是Flash的,但是,我用iPhone打开这个链接的时候,它居然自动跳转到一个地址了,居然跳转到http://soso.music.qq.com/ipad/player.html,看到这个地址,里面有个“ipad”我的第一反应是“难道是HTML5和JS写的”,我在iPhone上试用了一下,发现确实能用.由此得出,这个iPad版的QQ音乐不是Flash,…

欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 本文由腾讯游戏云发表于云+社区专栏 看着精彩的德甲赛事,突然裁判一声口哨,球赛断掉了,屏幕开始自动播放"吃麦趣鸡盒,看德甲比赛"的视频广告 那么问题来了,如何在直播流中,无缝的插入点播视频文件呢? 本文介绍了QQ音乐基于腾讯云AVSDK,实现互动直播插播动画的方案以及踩过的坑. 01 从产品经理给的需求说起 "开场动画?插播广告?" 不久之前,产品同学说我们要在音视频直播中,加一个开场动画. 要播放插播动画…

qq音乐网页版仿写 一些步骤与注意事项 一开始肯定就是html+css布局和页面了,这段特别耗时间,耐心写完就好了 首先要说一下大致流程: 一定要先布局html!,所以一定要先分析页面布局情况,用不同的颜色把区位定好.html的大致框架出来才能办事,搭配比较简单的css,如宽度高度定位什么的: css在html布好大致的局基础上开始细化细节(你最终会发现,好像你的大部分时间都送给了css): js一直是最后,如图标点击有变化什么的(这部分代码是真不多...写起来也是真爽,不过一定要考虑到各种情况…

这周开始发现一个很让人抓狂的现象,QQ音乐网页(http://y.qq.com)与QQ视频(http://v.qq.com/)网页打开超慢,甚至是无法打开,严重影响了业余的音乐视频生活. 以QQ视频为例,截个事故现场图: 开始以为是电脑中毒了,结果用QQ电脑管家(http://guanjia.qq.com/)查杀,无中毒症状,用广东电信提供的测速平台,20M的网络宽带也是表现正常.直到浏览拍拍网(http://www.paipai.com/)的某个页面时,发现页面任意地方点击都是新窗口打开游戏广…

我是一个听音乐的重度用户,基本上每天大约有三分之一的时间里我在使用网易云音乐去听音乐.包括工作写代码的时候,跑步的时候,去上班的途中我都去听.首先需要声明的是,在这里我不是故意的去抹黑其他的音乐产品,我只是谈谈我一个真实用户的真切感受. 由于喜欢听音乐的原因,自从开始接触互联网后,我便开始接触了很多音乐播放类产品,从早期的千千静听,酷我音乐,酷狗音乐,QQ音乐,豆瓣FM,虾米音乐,JingFM, 多米音乐,落网等等,有太多的音乐产品,我都数不过来.其实不难看出,网易做音乐类产品还是近两年才发力,…

QQ音乐的各种相关API 分类: oc2014-01-29 15:34 2676人阅读 评论(2) 收藏 举报 基本上论坛里做在线音乐的都在用百度的API,进来发现百度的API不仅歌曲的质量不可以保证,而且返回信息里面只有URL,没有一些相关的属性信息.所以就想方设法弄到了QQ音乐的API 已经用xCode尝试过并且可行的API:★搜索音乐(歌词)http://shopcgi.qqmusic.qq.com/fcgi-bin/shopsearch.fcg?value=歌曲名&artist=歌手名&a…

最近突发奇想想做个在线音乐小网页.需求很简单,如下 搜索歌曲 或 歌手 在线播放音乐 借用qq 或者 百度的 音乐接口 需求明确那就直接动手了 我首先尝试的百度音乐,但是不能在线播放(提示forbidden),虽然不能在线播放,但是下载是可以的 百度音乐具体Api如下 1:搜索接口 $url = "http://musicmini.baidu.com/app/search/searchList.php?qword=%s&ie=utf-8&page=1";//qword就…

QQ 音乐看似简单,但自己手动实现起来,才发现没有那么简单,有好多细节,需要注意. github : https://github.com/keenleung/QQMusic-OC 一.业务逻辑 首先, 先来瞧瞧 这个小项目的业务逻辑吧: 1)整体: 2)QQ音乐列表: 3)QQ播放详情: 做一些模块功能的时候,一定要想到分工处理,不同的操作,应该由不同的功能所抽取出来的业务类或工具类来管理. 二.细节分析 1)主界面cell的动画实现 滚动列表的时候,cell显示的方式都是从底部或顶部钻出来…

今天分享的是QQ音乐API 搜索歌曲API:http://s.music.qq.com/fcgi-bin/music_search_new_platform?t=0& amp;n={2}&aggr=1&cr=1&loginUin={3}&format=json&inCharset=GB2312&outCharset=utf-8&notice=0&platform=jqminiframe.json&needNewCode=0&a…

原文:http://www.grycheng.com/?p=458 作为一名前端,在拿到设计稿时你有两种选择: 1.快速输出静态页面 2.加上高级大气上档次狂拽炫酷屌炸天的动画让页面动起来 作为一个有志向的前端,当然是选2啦!可是需求时间又很短很短,怎么办呢?   这次就来谈谈一些动画设计的小技巧,能在你时间不多又没有动画想法的时候瞬间让页面增色不少. 同时也会谈及移动端H5页面的优化细节与关键点,因此本文章将分为动效篇和优化篇.   ====前方高能==== (1)  CSS3时序错开渐显动画…

大神博客:http://blog.csdn.net/tianjian4592/article/details/44155147 在现在的Android App开发中,动效越来越受到产品和设计师同学的重视,如此一来,也就增大了对开发同学的考验,虽说简单的动效:如移动,旋转,缩放,渐变或普通的界面跳转相对简单,但在目前日益激烈的竞争条件下,出彩复杂的动效也越来越多,并且很多效果已经无法直接用android提供的Animation或Animator框架进行实现,需要通过自定义View或ViewGrou…

QQ 音乐产品经理关于产品的一些感悟. 2014 年是 QQ 音乐的第十个产品年度,这十年我们跟用户一起见证了整个互联网音乐的发展.2011 年的 3 月 QQ 音乐公布了第一个 iPhone 平台的版本号,在这三年多的时间里,QQ 音乐一共公布了 44 个版本号,这之中有非常多值得讲的故事和产品的情怀. 简单与复杂 为什么要把程序弄得这么复杂? 这样对用户来说,是否简单了! 这是 QQ 音乐开发的同学与产品经理间非经常见的一段对话.最初 QQ 音乐的版本号的时候,我们经常接到用户这种反馈:睡觉…

欢迎大家来到我的博客,这是我在博客园写的第一篇文章,但不会是最后一篇,希望大家多多关注我,支持我哦!正文开始,今天我们要讲的是QQ音乐的API,都是来源于官方的地址,以前我也想写一个,但百度谷歌之后都是一些很久以前的,而今天的是我从QQ音乐客户端抓包而来,希望大家喜欢. 本教程的示例代码为C# WPF,其他语言也可以,最关键的还是API嘛.首先我们需要搜索到音乐,取出他的各类值,才能进行播放http://59.37.96.220/soso/fcgi-bin/client_search_cp?fo…

好久没有写博客了,最近升级做爸爸了,很开心的事情.内心又很忧郁,怎么能给媳妇和儿子一个相对好的物质经济条件.现在什么都没有的我,至少还有你们. 话不多说了,这篇博客还是和自己用vue做web app相关. 因为自己没有这些音乐 MV相关的资源,借人家的当然是捷径.也希望能帮助那些和我有同样需求的人. qq音乐网址: https://y.qq.com 所有先关的API已经简单封装到 https://github.com/xiangwenhu/vbox/blob/master/src/api 大约2…

APP案例分析 QQ音乐 选择理由:毕竟作为QQ音乐九年的资深老用户以及音乐爱好者 第一部分 调研 1.第一次上手的体验    我算是很早期的QQ音乐的用户,用QQ音乐七八年,除了体验各方面还不错之外,就是习惯问题了. 2.bug   android端APP后台听歌体验较差,大部分播放会有闪退.暂停问题.iPhone端播放页浏览二级页"返回"的跳转,例如播放页进入评论页后返回,不可返回到播放页   3.采访   APP用户:学生党,上班族 ,各种音乐爱好者     以下是与采访对象的对…

上次学了jsoup之后,发现一些动态生成的网页内容是无法抓取的,于是又学习了htmlunit,下面是抓取酷狗音乐与qq音乐链接的例子: 酷狗音乐: import java.io.BufferedInputStream; import java.io.FileOutputStream; import java.io.InputStream; import java.net.URL; import java.net.URLEncoder; import java.util.UUID; import…

最近有点闲,听歌的时候遇见好听的想下载却遇到尴尬的事,版权!唉,知道我干什么了吧 网易云音乐 获取排行榜中的歌曲列表 https://music.163.com/discover/toplist?id= 参数id:左侧分类的id,比如云音乐热歌榜:3778678 获取具体歌曲链接 http://music.163.com/weapi/song/enhance/player/url?csrf_token=&ids=xxx&br=999000 参数:ids:歌曲id集合,br歌曲码率 获取歌词…

   找到七里香这首歌的精彩评论      URL https://c.y.qq.com/base/fcgi-bin/fcg_global_comment_h5.fcg?g_tk=5381&loginUin=0&hostUin=0&format=json&inCharset=utf8&outCharset=GB2312¬ice=0&platform=yqq.json&needNewCode=0&cid=205360772&reqtyp…

基于jQuery仿QQ音乐播放器网页版代码是一款黑色样式风格的网页QQ音乐播放器样式代码.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div class="m_player" id="divplayer" role="application" onselectstart="return false" style="left: 0px;"> <div class=&…

WeTest 导读 2018年8月7日,Google对外发布最新 Android 9.0 正式版系统,并宣布系统版本Android P 被正式命名为代号“Pie”,最新系统已经正式推送包括谷歌Pixel.Pixel2系列以及Essential Phone. 腾讯WeTest平台第一时间进行了系统升级,实现Android 9.0机型兼容测试和远程调试服务. 为了让用户第一时间了解Android 9.0系统的兼容性情况,我们基于谷歌Pixel.Pixel 2机型的Android 9 Pie系统,对市…

代码地址如下:http://www.demodashi.com/demo/11944.html 天道酬勤 前言 作为一名iOS开发者,每当使用APP的时候,总难免会情不自禁的去想想,这个怎么做的?该怎么实现呢?很久之前,就想写一个关于音乐方面的播放器,最近刚好得空,就趁机摸索着写了下,写的不好,还望多多指教. 前提准备 为了能够有明确的思路来做这个demo,我下载了QQ音乐和网易云音乐,然后分别对比,最终选择了QQ音乐来参照,先是获取了其中的所有资源文件,在这之后就是研究使用技术,这里我选择了F…