html背景音乐demo,music.html
.content {
width: 500px;
height: 300px;
border: 1px solid #ccc;
border-radius: 6px;
overflow: scroll;
}
歌曲
歌词
评论
详情
查看
$(function() {
$('.btn').click(function() {
var url = 'https://api.imjad.cn/cloudmusic/?type=lyric&id=28012022&br=128000';
var id = $('.song-id').val()
var type = $('input[type=radio]:checked').val()
$.ajax({
url: `https://api.imjad.cn/cloudmusic/`,
method: 'GET',
data: {
type: type,
id,
br: '128000'
},
success: function(data) {
var text = ''
if(type == 'lyric') {
text = data.tlyric.lyric
}else if(type == 'song'){
text = `下载地址:点击下载`
}else if(type == 'detail'){
text = `专辑名称:${data.songs[0].alia}
歌手:${data.songs[0].ar[0].name}
`
}
$('.content').html(text)
}
})
})
})
一键复制
编辑
Web IDE
原始数据
按行查看
历史
html背景音乐demo,music.html相关推荐
- Java多线程游戏实例分享2-雷火(手把手教你做个超炫酷的星际争霸)
观前提示: 本文涉及的小成果特别多,即使你不需要写一个和我完全相同的游戏,也可以按照需要查看某些特定功能的实现过程,说不定能够给您的程序开发带来一点小小的启发!PS:结合源代码阅读此博客更加高效. 本 ...
- ios代码大全】代码例子区全区搜索索引
/************************ ************************ IOS 类代码 ************************/ 我自己做的翻书效果,小猫 ...
- 【很强大的ios代码大全】代码例子区全区搜索索引
************************ IOS 类代码 ************************/ 我自己做的翻书效果,小猫咪再次登场「2011/03/02」 如何实现QQLi ...
- 圣诞节祝福小Demo:JingleBells背景音乐+礼物闪烁下落+跑马灯效果
源码已经上传至我的github上:https://github.com/junmei520/MyChristmas 同时我在微博上也以视频的形式展示了Demo的运行效果:http://weibo.co ...
- 如何用Service来启动背景音乐
概述: 其实一开始我也不没有认真想过当我们在我们的Android程序中添加背景音乐时,这项功能应该怎么实现.只是傻乎乎地在Activity中添加这项功能,并且并不认为自己这样写会有什么问题. 思路分析 ...
- wav2midi 音乐旋律提取算法 附可执行demo
前面提及过,音频指纹算法的思路. 也梳理开源了两个比较经典的算法. https://github.com/cpuimage/shazam https://github.com/cpuimage/Aud ...
- Silverlight MMORPG网页游戏开发课程[一期] 第九课:HUD与背景音乐
引言 征服玩家的不仅仅是创意,无比动人的视觉体验譬如精美的界面UI同样能让人倾慕,辅以优柔的旋律仿若一缕思绪让您身临其境而流连.深刻的第一印象无限大的冲击着玩家那份内敛的狂热,优秀的游戏作品价值将在欢 ...
- Demo分享丨看ModelArts与HiLens是如何让车自己跑起来的
摘要:基于HiLens Kit已经基本开发完成,可部署到HiLens Kit,模型的选择为基于DarkNet53的YOLOv3模型,权重为基于COCO2014训练的数据集,而车道线的检测是基于Open ...
- Cocos2dx游戏开发系列笔记3:牛刀小试-忍者飞镖射幽灵的Demo
2019独角兽企业重金招聘Python工程师标准>>> 就是这个例子,应该很简单,主要用到的有:精灵的移动,触摸,碰撞检测. 赶紧搞定,待会还要陪哲哲来几局爱消除. 首先在Scene ...
最新文章
- HTML5培训教程:HTML5基础介绍
- 聊聊在博客园写博客的这两年《Unity 3D脚本编程:使用C#语言开发跨平台游戏》正式出版...
- Spring rabbitmq消息机制--手动确认
- 《程序员代码面试指南》第五章 字符串问题 拼接所有字符串产生字典顺序最小的大写字符串...
- one方法报错 select_【总结】Pandas DataFrame 使用方法
- go中的database/sql接口
- layui前端页面table表格怎么格式化转换时间_前端开发面经知识点总结
- 基于Leaflet和GraphHopper实现离线路径规划
- 面向对象程序设计(Java)
- 设置Hadoop的 dataNode的单个Map的内存配置
- zsh 隐藏用户名和主机
- 从Java直接输出到flume_js生成日志信息及实现java直接调用flume
- 漫谈广告竞价模式(六)
- 学校管理系统设计java(数据库、源码、演讲内容、ppt等)
- json格式数据集转yolo txt格式
- linux udev 禁用u盘,udev自动挂载U盘
- 电脑录屏快捷键是什么?电脑录屏是什么键
- DeepLearning花书阅读记录(1)
- HCIP-H12-223练习题
- IT人的架构书单:如何赋予软件以灵魂
热门文章
- 管理类业务系统菜单部分美化经验分享,把所有好的东西拿过来拼凑并不容易能形成整体的效果...
- muduo 与 boost asio 吞吐量对比
- Linux运行脚手架vue,【Vue】Vue-cli 搭建 脚手架
- java的rsa作用_java 中RSA的方式实现非对称加密的实例
- Leetcode刷题第1题:两数之和(基于Java语言)
- anaconda越新越好吗
- CTC损失函数 Transformer用的
- 浅谈pytorch 模型 .pt, .pth, .pkl的区别及模型保存方式 pth中的路径加载使用
- oracle 9i 在安装到Oracle Database Configuration assistant....的时候
- 《预训练周刊》第12期:无注意力变换器、借蛋白质语言模型论进化速度