文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

歌词显示控件的实现（上）——歌词解析

最近打算仿网易云音乐的音乐播放器，除了网络框架、接口数据、界面效果等这些因素外，最核心的就是音乐的播放和歌词的显示。...考虑到歌词显示控件涉及到歌词解析，自定义控件的实现等等诸多方面，可能文章的篇幅上会比较冗长，同时也为了方便自己和码友们能够根据自己的需求和爱好各取所需，将《歌词显示控件的实现上》这篇文章分成上、下两篇，...分别是《歌词显示控件的实现上——歌词解析》和《歌词显示控件的实现下——歌词展示自定义View》。...ok，开始切入正题 01 — 了解歌词文件结构 写过音乐播放器的朋友可能都了解过歌词文件的规范格式，既然是歌词显示的控件，就必然需要清楚地了解歌词文件的组成规范，才能准确无误的解析歌词文件，得到我们想要的信息...下面就是实现歌词文件的解析工作： 1、实体类 首先，需要准备两个类主要用于歌词解析结果的缓存： LineInfo：歌词行信息：包含行开始时间和歌词行内容 LyricInfo：歌词信息：包含标题、歌手、专辑等等

2.6K20

歌词显示控件的实现（下）——自定义View

接下来我想和大家分享的就是如何通过自定义View实现炫酷的LyricView歌词显示控件。...01 — 分析 我们最重要的目的是将文字绘制在View中，并设置各种效果和动画，而在绘制之前我们需要计算出文字的位置，而歌词又是以 行 为单位来显示，所以，计算行高和行间距，当然，还需要一些文字颜色等属性...需要明确一点，当偏移量scrollY的值为零的时候，歌词的首行将显示在整个LyricView的正中间 。...在上篇中，我们也知道每一句歌词中都包含着开始时间，而我们也就可以通过当前歌曲播放进度匹配当前播放的行数 mCurrentPlayLine，并通过当前播放所在行，计算偏移量scrollY的值，控制歌词播放滚动和当前播放位置的高亮显示...到了这一步，歌词的显示、滑动查看都已经完成。 09 — 绘制指示器 ? 到这里，歌词显示器就算完成了，有不对的地方还望大家指出。

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

    java写一个音乐播放程序，同时显示歌词

    java写一个音乐播放程序，同时显示歌词 总的来说分为两部分：1.音乐播放 2.显示歌词（这里介绍一个好理解的算法，就不进行优化了） 一、音乐播放（这里我们在网上先下载一个wav文件来播放） 这里我们使用...(FileNotFoundException e) { // TODO Auto-generated catch block e.printStackTrace(); } } 二、显示歌词...（这里我们先解析已有的lrc歌词文件，存放到data里面再进行操作） public class Demo1 { // 定义两个存放分钟和秒的数组 private static double[] d1...countLine3++; if (countLine3 <= 4) continue; // 延迟判断 for (int i = 0; i < 55; i++) { // 歌词...countLine3++; if (countLine3 <= 4) continue; // 延迟判断 for (int i = 0; i < 55; i++) { // 歌词

    2.3K10

    iOS音频播放器锁屏歌词显示与性能优化 原

    iOS音频播放器锁屏歌词显示与性能优化 一、引言     前边有博客探讨了有关iOS开发中音频播放的技术与进行后台音频播放并在后台与用户进行交互的方法，本篇将探讨一种在锁屏界面同步显示歌词歌词的方法，...二、在锁屏界面同步显示歌词    我们知道，在音频后台播放时，锁屏界面的信息是由MPNowPlayingInfoCenter来设置的，其中的歌曲信息字典可以设置类似歌曲封面，艺术家，歌曲名，歌曲时间等。...然而，对于MPNowPlayingInfoCenter中可以由开发者掌握的接口十分有限，若要在锁屏界面同步的显示歌曲歌词，一个比较简单的方法是不停的将当前歌词与封面进行图片合成，之后刷新锁屏界面的图片。... * lineLRC = [(LRCItem *)array[index] lrc];     //提高性能 进行判断 当前显示的歌词有无变化 如果没变化 不进行后续操作     if ([_lrcLabel.text...： 同步显示锁屏歌词的音乐播放器：https://github.com/ZYHshao/MyPlayer。

    1.6K20

    【教程】纯前端做一个歌词显示的音乐播放器

    节目：08-1202L/08-1203K：【教程】纯前端做一个歌词显示的音乐播放器 [效果] 用到的文件： Bootstrap 4.6.0 CSS：https://cdn.bootcdn.net/ajax...audio" src="mp3/Flower - 秋風のアンサー.mp3" controls style="width:100%"> 注意，audio要指定一个id，方便后续获取 歌曲显示...class="jumbotron"> 秋風のアンサー Flower 歌词显示...匹配音频和歌词时间点 这部分我想了很久，一直没办法找到方法，现在有个问题，我想让每句播放的时候来个动画，但是现在刷新频率太快，各位大佬支个招吧 html里添加个显示歌词的元素，我用span，并且用Bootstrap...浏览器获取的音频进度] [应该对应的歌词] {"time":122.09,"lrc":"不安なのよ だからお願い"}, 所以只能用模糊搜索 当当前时间大于数组里某个数组的时间大小时，判定就是该数组，通过该数组就能获取到时间和歌词从而显示

    6.4K62

    Winform零基础入门教程-实现音乐播放器的歌词显示功能

    上一课链接：Winform零基础入门教程-开发美女音乐播放器软件 程序员 歌词显示分析 如果想要进行歌词显示，则需要后缀名为lrc的歌词文件。通过读取歌词文件进行显示。...为何他能显示的呢？据我猜测，肯定是此类播放器，会在后台默认下载lrc文件到本地。通过一定逻辑进行显示的。事实上，这并不假。下面我打开酷我音乐播放器的歌词文件。发现了我听过的歌曲lrc歌词文件。 ?...设置文件后缀名显示2 歌词显示 歌词显示我们就实现读取，当对应的时间的时候显示歌词就够了。下面看下lrc歌词文件的内容是什么（文本编辑器打开）？ ?...lrc歌词文件内容 不难发现除第一行和第二行之外，是以一个时间和歌词的形式保存的。所以，对于歌词显示，我们只需要不断的去判断当前歌曲播放的进度，并且按照时间显示歌词就好了。...在进行播放音乐的时候，搜索一下对应目录是否含有歌词文件： ? 读取歌词文件显示 读取歌词文件，默认规定：歌曲名和歌词名一致。

    2K40

    JavaScript 解析 lrc 歌词

    最近打算做播放器，研究了下解析lrc歌词的算法，百度基本没有现成的，所以自己各种搜索各种折腾然后写了个~~~特分享给大家 我们看到的lrc歌词一般都是这样的： [ti:听妈妈的话] [ar:周杰伦] [...02:06.91]因为过两天你会在操场上捡到 [02:09.18]你会开始喜欢上流行歌 [02:11.35]因为张学友开始准备唱吻别 [03:58.07]美丽的白发 幸福总发芽 可以看到，歌词是由时间标签和歌词本身构成的...，至于那些歌曲信息这些我就忽略了 大概思路是： 按行把歌词拆成数组 遍历这个数组，将每一行的歌词和时间标签一道转换为数组 遍历数组的每一次循环要干的事情: 用正则匹配出这行的时间标签和对应的歌词 以时间标签为单位...，将标签转换为以秒为单位的时间再与该行对应的歌词一同push入数组 由于多时间标签的存在顺序会打乱，所以我们最后还要将保存歌词和时间的数组按时间从小到大排序 js代码如下： function parseLyric...var _lrc = lyric[i].replace(/[d{2}:d{2}((.|:)d{2})]/g,""); //过滤掉空行等非歌词正文部分

    2.3K21

    有可以自己写歌词的软件，专门写歌词的软件，创作歌词的软件，帮忙写歌词的软件

    它是AI人工智能写歌词软件，你来输入关键词句子作为引导语，它就能自动快速创作原创歌词给你作为参考借鉴，作为你创作的灵感的启发和开拓思路提示，帮助你把歌词继续创作下去。...图片到目前为止，AI机器人小芝的人工智能写歌词已经发布更新很多次版本app，它具有电脑版也有手机版的写歌词软件，在此基础上，人工智能写歌词于2022更新了不少的功能。...音乐内容的歌词创作是关键，AI机器人小芝的智能写歌词创作布局已于2019年开始，人工智能写歌词助推音乐歌词创作应用的技术已经成熟。...AI人工智能写歌词是一种新的发展趋势，音乐创作应用方面好的辅助工具。由于人工智能写歌词可以让音乐创作人更轻松，因此为了更好AI歌词创作，AI机器人小芝24小时在不断地自动学习更新迭代。...图片音乐创作方面歌词的创作方式不断在改变，AI机器人小芝（aixiegeci）的应用，降低歌词创作难度，提高了歌词的写作质量和创作速度，引入大量AI人工智能算法辅助创作，时代在进步歌词创作领域的一个趋势

    1.5K50

    每次记歌词——使用Python自动发邮件提醒你记歌词

    前言 前几天在Python交流群里边，【冫马讠成】大佬分享了一个有趣的代码，用于定时发送歌词到邮箱，觉得挺有意思，这里拿出来给大家分享。...实现思路 实现思路倒是不难，其一是Python网络爬虫，将网页上的歌词信息抓取到，然后存起来到一个变量中，其二是编写发送邮件的逻辑，编辑好邮寄模板，然后将抓到的内容发送出去即可，定时任务可以使用Windows...content = '亲爱的，今天歌名是：'+lyric1 message = MIMEText(content, 'plain', 'utf-8') subject = '今天听什么（附歌词...你也可以定时给自己发，使用定时任务工具，做个定时任务，每天提醒自己，看看歌词啥的，看的歌词多了，这样在歌词大赛中也许能拿个好名次呢！...这篇文章主要基于Python网络爬虫和Python自动化办公中的邮件发送知识，实现歌词自动发送邮件的小项目。 最后感谢【冫马讠成】大佬的代码分享，也欢迎大家积极尝试，有好的内容也可以分享给我噢！

    67330

    FlashFlex学习笔记(32)：播放音乐并同步显示lyc歌词(适用于Silverlight)

    goes on [03:40.16][02:34.09] [04:05.13][03:52.01](edit by Nathan_na@msn.com) 基本上就是： [时:分.秒](一个或多个) + 本句歌词...(豪)秒数，而value即为对应的歌词，然后将其按key(即歌词出现的时间)升序排序 注：对于"[02:52.99][01:42.80]So, I'm going home"这种写法的歌词，在数组中要拆分成二条...，即相当于： [02:52.99]So, I'm going home [01:42.80]So, I'm going home 播放时，根据当前播放的时间进度，找到对应的数组元素，然后显示 Flash...Array();//全局数组 var sc:SoundChannel; var sound:Sound;         public function LycPlayer() { //定位歌词显示文本框...evt:Event):void { var list:String=evt.target.data; var listarray:Array=list.split("\r\n"); //分析歌词

    98170

    新潮科技：人工智能歌词创作软件app，在线ai作词押韵写歌词，可以自己写歌词的软件

    它不仅实现了传统常有的写歌词押韵功能，还引入了大量AI人工智能算法来辅助创作，根据你自己输入的关键词句子作为引导语作为创作的指引方向，不断写出原创歌词句子给你做参考，降低了创作歌词的难度，提高了创作歌词的乐趣和效率...该软件有两个创新功能模块：AI智能写歌词和AI智能填词。这个歌词创作工具对于想要进一步改善歌词写作效果和写歌词没有灵感思路的音乐人来说是及时的帮助。...图片歌词的创作质量和速度一直是AI人工智能写歌词的研究重点。在原创歌词创作未来发展的道路上，AI机器人小芝，不断地自我学习，不断自我创作。...数据库24小时在更新加大，训练出更多的创作风格和庞大的大数据，实现千人千面的创作效果，每个人每次得到的歌词不一样，每个人得到的歌词也不一样，千变万化，各不相同。...图片据了解，AI机器人小芝，歌词创作通过人工智能技术，支持用户来输入关键词句子作为引导语，根据用户自由选择歌词风格类型、选择韵脚和押韵字数，在30秒钟内在线生成独特的原创歌词，生成的原创歌词可用于音乐人词穷找不到灵感的时候的思路提示和参考借鉴用途

    2.2K00

    iOS 音乐播放器之锁屏歌词+歌词解析+锁屏效果

    功能描述：锁屏歌曲信息、控制台远程控制音乐播放：暂停/播放、上一首/下一首、快进/快退、锁屏状态下列表菜单弹框和拖拽控制台的进度条调节进度（结合了QQ音乐和网易云音乐在锁屏状态下的效果）、歌词解析并随音乐滚动显示..., copy) NSString * lrc ; @end 接下来就是要让歌词随歌曲的进度来滚动显示,主要代码如下： self.tableView 显示歌词的 currentTime...当前播放时间点 self.currentRow 当前时间点歌词的位置 //歌词滚动显示 for ( int i = (int)(self.lrcArray.count...更新于2017/9/13 iOS11系统正式发布后 ， iOS11上不能像iOS11以下那样锁屏歌词和海报，iOS11把海报显示位置放到了左上方，而且大小变成了头像大小，可能是苹果为了锁屏界面的简洁，...iOS11网易云音乐锁屏界面.PNG 更新于2018/3/7 上面提到 iOS11系统上 ，不能像以往那样显示锁屏歌词了，那锁屏歌词该怎么显示呢，网易云音乐给出了如下图的设计：她是把当前唱到的歌词放到了锁屏的副标题处

    3.4K70

    作词软件app，写词神器app，作词神器，歌词创作app，写歌词押韵app，写原创歌词的软件

    随着AI机器人小芝（aixiegeci）人工智能写歌词技术的进步，它们是否会取代音乐人的作词也导致很多音乐人的疑惑。答案是：不会，相反，它是来帮助音乐人更好地写好歌词作品。...其自研的AI音乐引擎可自创的歌词风格有：综合、流行、独立、古风、国风、民族、说唱等风格，被广泛用于辅助音乐人进行歌词创作，使用它写出一些原创歌词句子和押韵的韵脚给作词人词穷的时候作为参考和思路提示。...音乐人可对它写出来歌词进行修改、增删、润色，成为自己满意的歌词作品。不少音乐创作人看好AI辅助音乐歌词创作app领域，它能为音乐人提供歌词创作灵感、降低歌词创作成本、提供创作歌词的效率。...对于整个行业来说，AI人工智能写歌词app对音乐人只是一个小的方面而已。作为创作者，我们难免遇到没有灵感的时候，写不出来歌词，咬烂了笔头，敲烂了键盘，半天写不出来几句歌词的窘境。...对于作词人来说，AI机器人小芝被应用于辅助歌词创作领域，那么你在歌词创作上花的时间和成本也相对较低，音乐行业的自动化未来会让音乐人更加轻松。

    2.3K20

    iOS 音乐播放器之锁屏歌词+歌词解析+锁屏效果

    功能描述：锁屏歌曲信息、控制台远程控制音乐播放：暂停/播放、上一首/下一首、快进/快退、锁屏状态下列表菜单弹框和拖拽控制台的进度条调节进度（结合了QQ音乐和网易云音乐在锁屏状态下的效果）、歌词解析并随音乐滚动显示...[总效果预览图.gif] **** 第一部分：锁屏效果包括：锁屏歌曲信息和远程控制音乐播放 ① 锁屏歌曲信息显示 [iOS11以下锁屏信息预览] //展示锁屏歌曲信息：图片、歌词、进度、歌曲名、演唱者、..., copy) NSString * lrc ; @end 接下来就是要让歌词随歌曲的进度来滚动显示,主要代码如下： self.tableView 显示歌词的 currentTime...当前播放时间点 self.currentRow 当前时间点歌词的位置 //歌词滚动显示 for ( int i = (int)(self.lrcArray.count...[iOS11网易云音乐锁屏界面.PNG] 更新于2018/3/7 上面提到 iOS11系统上 ，不能像以往那样显示锁屏歌词了，那锁屏歌词该怎么显示呢，网易云音乐给出了如下图的设计：她是把当前唱到的歌词放到了锁屏的副标题处

    3.5K150
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券