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

mmPlayer:一款基于Vue的自适应Web在线音乐播放器

一两年前博主曾分享过一个美观的在线音乐播放器MKOnlineMusicPlayer→传送门,不过作者早已停止了维护,最近有小伙伴推荐了mmPlayer,一个使用Vue全家桶打造自适应Web音乐播放器,模仿...QQ⾳乐⽹页版界⾯,主要以为PC端为主,移动端只做相应适配(未做歌词显⽰),现已实现播放器、歌词滚动、排⾏榜、搜索、播放历史、同步⽹易云歌单六⼤功能。...截图 功能 播放器 快捷键操作 歌词滚动 正在播放 排行榜 歌单详情 搜索 播放历史 查看评论 同步网易云歌单 安装 Github地址:https://github.com/maomao1996/Vue-mmPlayer...github.com/Binaryify/NeteaseCloudMusicApi.git cd NeteaseCloudMusicApi #安装依赖 npm install #运行 node app.js...#或者后台运行 screen -dmS api node app.js 后端地址为ip:3000,如果想其它端口,比如5555,启动命令为set PORT=5555 && node app.js

6.7K10

【分享】 纯 js 表单控件 —— 让 “增查” 更轻松!

拖拽控件、手写、js创建还是第三方控件(包括js版)? 以前用服务器控件写了一套表单控件,用起来感觉也挺方便的,只是效率太低,太占用服务器的资源。...想了好久也没想到如何提高效率,最后改成了纯js版的。   js属于初学,代码还很简陋,大家见笑了。现在是越学习js,越是感到js的强大!...实现方式: 1、 js + json + 第三方js脚本、控件 2、 json对表单进行描述,比如标题、控件类型、控件大小、下拉列表框的item如何填充等。...1、 引用一堆js,其中自己的只有两个,一个创建控件,一个创建表单,还有一个验证数据。 2、 写一段“引导”脚本。这个基本是c#风格,当然也可以写成js风格。看个人喜好了。...答:搜索了一下js表单控件,没有发现特出名的。当然了肯定有做好的,只是我没有发现。再有也不是完全自己写的,有很多第三方现成的js拿来用的,比如my97。

3.4K81

Lily_music 网页音乐播放器 -可搜索(附歌词联动播放效果解说)

还这么多课,实则匆忙 今天难得逃了一次课,就趁这时间,该写写就写写吧~~ 进入正题:Lily_music 本次开发,参照本人之前所做的 乐诗博客(文末会说到)的相关播放控制等功能,继续优化的结果 前端模仿...https://jquery.com layer 弹窗插件:http://layer.layui.com 复制粘贴库插件:https://www.npmjs.com/package/clipboard-js...,使歌词在中间的计算公式: //第n行歌词*li的高度-歌词区域中间的li(就是包括这个li,取这个li的一半)以上的li的总高度 //局部歌词的控制 $(".lrc_content_box...js 正则表达式全部替换的方式 替换方式 var reg = /-/g; // g表示全部替换 ,要替换的字符串是- createTime = createTime.replace(reg,"/")...== 就可以直接做一个 for in 循环将每句歌词添加到歌词区域,将时间添加到每句歌词的样式控制 class 名 根据每句歌词的时间,就可以在播放器的 timeupdate 监听事件里实现滚动播放歌词

5.3K70

自制 h5 音乐播放器 可搜索

前端模仿qq音乐界面,然后在此之上进行修改的界面,并使用了一点 es6 的语法 话说个人挺喜欢qq音乐界面的,简洁,当然也少不了背景模糊插件以及滚动条美化相关插件, 也用到了弹窗、点击复制歌曲链接和歌词链接相关功能...https://jquery.com/ layer弹窗插件:http://layer.layui.com/ 复制粘贴库插件:https://www.npmjs.com/package/clipboard-js...,使歌词在中间的计算公式: 80 //第n行歌词*li的高度-歌词区域中间的li(就是包括这个li,取这个li的一半)以上的li的总高度 81 //局部歌词的控制...}, 这种歌词解析、联动播放的进度进行滚动是我之前乐诗博客采用的一种方案,感觉也不错 此次采用另一种解析方式,利用 js 正则表达式全部替换的方式 替换方式: 1 var reg = /-/g...) 就可以直接做一个 for in 循环将每句歌词添加到歌词区域,将时间添加到每句歌词的样式控制class 根据每句歌词的时间,就可以在播放器的 timeupdate 监听事件里实现滚动播放歌词了 鼠标拖动进度条的时候

4.2K40

(小说版)【简历优化平台-4】js文件上传,django轻松接收

但是我还是想帮她一下简历,看到她现在这样有点不忍心。 “我知道有一个网站,可以免费的自动优化简历,据说是机器人修改,任何测试工程师都可以随意使用。” “什么网站?”...经过我俩的一番拉扯,她最终还是放下了戒心,收下了我的帮忙,简历的过程中,我们有一句没一句的聊着,但她对这十年来的经历却闭口不谈,没办法,话题只能说到十年之前,甚至小的时候了......接下来就是实际的要把这个简历上传到给我们后台: 但是我们使用的网络上随便下载的组件似乎不是很好用,所以需要自己手动的写一下上传js功能:(这块代码是需要有一定前端基础的) 其中的路由部分,增加了唯一标识字符串作为参数

53720

超赞!EMNLP2023 | 分享10篇关于「中文 自然语言处理」的论文

歌词生成是自然语言生成研究中的一个众所周知的应用,之前的一些研究侧重于使用关键字、韵律等精确控制来生成准确的歌词。...然而,歌词模仿涉及通过模仿风格和内容来编写新的歌词。由于缺乏平行语料库,源歌词的分析仍然是一项具有挑战性的任务。...在本文介绍了Sudowoodo,一个中文歌词模仿系统,可以根据源歌词的文本生成新的歌词。...为了解决缺乏歌词模仿的并行训练语料库的问题,提出了一种新颖的框架,根据源歌词的基于关键词的歌词模型构建并行语料库。然后使用这些对(新歌词、源歌词)来训练歌词模仿模型。...中文歌声合成(SVS) https://aclanthology.org/2023.emnlp-main.200.pdf 歌声合成(SVS)致力于根据乐谱和歌词合成悦耳的歌声。

48210

NLP在语言创作与创新的应用:从原理到实践

NLP在文学创作中的应用2.1 文学风格模仿NLP技术可以模仿各种文学风格,为作家提供创作的灵感和可能性。通过学习大量文学作品,模型可以生成仿佛是莎士比亚、杰恩·奥斯汀或是奇幻文学大师的风格的文本。...# 示例代码:NLP模仿文学风格import openaiopenai.api_key = "YOUR_API_KEY"def generate_literary_style_inspiration(prompt...NLP在音乐创作中的应用4.1 歌词创作助手NLP技术可以为音乐创作者提供歌词创作的助手,根据主题或情感生成创作灵感。...# 示例代码:NLP歌词创作助手import openaiopenai.api_key = "YOUR_API_KEY"def generate_lyrics_inspiration(theme_prompt...从文学风格模仿到个性化广告文案生成,再到歌词创作助手和情感音乐生成,NLP为创作者提供了更广阔的创作空间。在未来,我们有望看到NLP与语言创作深度融合,推动人类表达方式的多元化和创新性的不断涌现。

19120

AI 重聚知名已故歌手,发布四首原创歌曲

为了提醒大家关注音乐人的心理健康,总部位于加拿大的非营利组织 Over the Bridge,发起了一项新的项目:基于 AI 模仿这些英年早逝的音乐人,以他们的创作、演唱风格,重新创作歌曲。...对于歌词,肖恩补充道,也是用了类似的方法,先将歌手此前作品的歌词文本交给 AI 进行训练,让算法学习其写作风格,然后输出自己创作的歌词。...下面这首就是 AI 创作的新歌,《Drowned in the Sun》,是模仿 Niravana 乐队(涅槃乐队)的风格而来,听听看里面是否有 Niravana 的灵魂。...涅槃乐队现主唱 Eric Hogan 给其中加入了 一些咆哮的元素,使整个歌曲更加生动 肖恩认为,《Drowned in the Sun》中,AI 生成的歌词已经非常接近科本的风格了,比如这句:「I don...还有另外三首分别模仿 Jimi Hendrix、The Doors 乐队主唱 Jim Morrison 和 Amy Winehouse 的歌曲:《You're Gonna Kill Me》、《 The

53010

网红 AI 高仿坎爷发布说唱情歌,歌迷:堪比真人原声

UberDuck AI 携语音合成技术出圈 这首听起来制作精良、几乎接近坎爷本人声线的歌曲,是在作词后,经由 Uberduck AI 将歌词文本转换为语音,这一步通过 Tacotron 2 将歌词生成语音...,并进行声音风格迁移,对侃爷的声音进行模仿输出。...在 Uberduck AI 的官网上,只要输入语言文本,选择你想要模仿声音的角色,就可以生成他们的声音。...在项目网站上可以选择模仿生成的角色,这些语音语料和模型优化,也都是由代码贡献者一起参与的。...这首《The Breakup》的歌词不仅非常符合 Hiphop 和 Rap 的审美标准,说唱歌词里还设计了非常有坎爷个人风格的表达,比如吐槽和卡戴珊的婚姻、竞选美国总统等等。

41120

js+jquery实现网页播放音乐歌词高亮自动滚动WordPress钻芒简洁美化版

(一体性挺强) 文件名: js+jquery实现网页播放音乐歌词高亮自动滚动WordPress钻芒简洁美化版 文件功能描述:js+jquery实现网页播放音乐歌词高亮自动滚动 author:ZMKI修改...-- /*---------------------------------------------------------------- // 文件名: js+jquery实现网页播放音乐歌词高亮自动滚动...WordPress钻芒简洁美化版 // 文件功能描述:js+jquery实现网页播放音乐歌词高亮自动滚动 // author:ZMKI修改 原作csdn:_冷月心 // 时间:2019年8月21日20:...*/ width: 100%;/* 歌词显示盒子宽 */ height: 100px;/* 歌词显示盒子高度,需要多显示几行歌词相应调大即可 */ /* background-color...-- 歌词显示盒子 --> <script type

2.5K31

网红 AI 高仿坎爷发布说唱情歌,歌迷:堪比真人原声

UberDuck AI 携语音合成技术出圈 这首听起来制作精良、几乎接近坎爷本人声线的歌曲,是在作词后,经由 Uberduck AI 将歌词文本转换为语音,这一步通过 Tacotron 2 将歌词生成语音...,并进行声音风格迁移,对侃爷的声音进行模仿输出。...在 Uberduck AI 的官网上,只要输入语言文本,选择你想要模仿声音的角色,就可以生成他们的声音。...在项目网站上可以选择模仿生成的角色,这些语音语料和模型优化,也都是由代码贡献者一起参与的。...这首《The Breakup》的歌词不仅非常符合 Hiphop 和 Rap 的审美标准,说唱歌词里还设计了非常有坎爷个人风格的表达,比如吐槽和卡戴珊的婚姻、竞选美国总统等等。 ?

1K20
领券