Document

.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相关推荐

  1. Java多线程游戏实例分享2-雷火(手把手教你做个超炫酷的星际争霸)

    观前提示: 本文涉及的小成果特别多,即使你不需要写一个和我完全相同的游戏,也可以按照需要查看某些特定功能的实现过程,说不定能够给您的程序开发带来一点小小的启发!PS:结合源代码阅读此博客更加高效. 本 ...

  2. ios代码大全】代码例子区全区搜索索引

    /************************ ************************    IOS 类代码 ************************/ 我自己做的翻书效果,小猫 ...

  3. 【很强大的ios代码大全】代码例子区全区搜索索引

    ************************    IOS 类代码 ************************/ 我自己做的翻书效果,小猫咪再次登场「2011/03/02」 如何实现QQLi ...

  4. 圣诞节祝福小Demo:JingleBells背景音乐+礼物闪烁下落+跑马灯效果

    源码已经上传至我的github上:https://github.com/junmei520/MyChristmas 同时我在微博上也以视频的形式展示了Demo的运行效果:http://weibo.co ...

  5. 如何用Service来启动背景音乐

    概述: 其实一开始我也不没有认真想过当我们在我们的Android程序中添加背景音乐时,这项功能应该怎么实现.只是傻乎乎地在Activity中添加这项功能,并且并不认为自己这样写会有什么问题. 思路分析 ...

  6. wav2midi 音乐旋律提取算法 附可执行demo

    前面提及过,音频指纹算法的思路. 也梳理开源了两个比较经典的算法. https://github.com/cpuimage/shazam https://github.com/cpuimage/Aud ...

  7. Silverlight MMORPG网页游戏开发课程[一期] 第九课:HUD与背景音乐

    引言 征服玩家的不仅仅是创意,无比动人的视觉体验譬如精美的界面UI同样能让人倾慕,辅以优柔的旋律仿若一缕思绪让您身临其境而流连.深刻的第一印象无限大的冲击着玩家那份内敛的狂热,优秀的游戏作品价值将在欢 ...

  8. Demo分享丨看ModelArts与HiLens是如何让车自己跑起来的

    摘要:基于HiLens Kit已经基本开发完成,可部署到HiLens Kit,模型的选择为基于DarkNet53的YOLOv3模型,权重为基于COCO2014训练的数据集,而车道线的检测是基于Open ...

  9. Cocos2dx游戏开发系列笔记3:牛刀小试-忍者飞镖射幽灵的Demo

    2019独角兽企业重金招聘Python工程师标准>>> 就是这个例子,应该很简单,主要用到的有:精灵的移动,触摸,碰撞检测. 赶紧搞定,待会还要陪哲哲来几局爱消除. 首先在Scene ...

最新文章

  1. HTML5培训教程:HTML5基础介绍
  2. 聊聊在博客园写博客的这两年《Unity 3D脚本编程:使用C#语言开发跨平台游戏》正式出版...
  3. Spring rabbitmq消息机制--手动确认
  4. 《程序员代码面试指南》第五章 字符串问题 拼接所有字符串产生字典顺序最小的大写字符串...
  5. one方法报错 select_【总结】Pandas DataFrame 使用方法
  6. go中的database/sql接口
  7. layui前端页面table表格怎么格式化转换时间_前端开发面经知识点总结
  8. 基于Leaflet和GraphHopper实现离线路径规划
  9. 面向对象程序设计(Java)
  10. 设置Hadoop的 dataNode的单个Map的内存配置
  11. zsh 隐藏用户名和主机
  12. 从Java直接输出到flume_js生成日志信息及实现java直接调用flume
  13. 漫谈广告竞价模式(六)
  14. 学校管理系统设计java(数据库、源码、演讲内容、ppt等)
  15. json格式数据集转yolo txt格式
  16. linux udev 禁用u盘,udev自动挂载U盘
  17. 电脑录屏快捷键是什么?电脑录屏是什么键
  18. DeepLearning花书阅读记录(1)
  19. HCIP-H12-223练习题
  20. IT人的架构书单:如何赋予软件以灵魂

热门文章

  1. 管理类业务系统菜单部分美化经验分享,把所有好的东西拿过来拼凑并不容易能形成整体的效果...
  2. muduo 与 boost asio 吞吐量对比
  3. Linux运行脚手架vue,【Vue】Vue-cli 搭建 脚手架
  4. java的rsa作用_java 中RSA的方式实现非对称加密的实例
  5. Leetcode刷题第1题:两数之和(基于Java语言)
  6. anaconda越新越好吗
  7. CTC损失函数 Transformer用的
  8. 浅谈pytorch 模型 .pt, .pth, .pkl的区别及模型保存方式 pth中的路径加载使用
  9. oracle 9i 在安装到Oracle Database Configuration assistant....的时候
  10. 《预训练周刊》第12期:无注意力变换器、借蛋白质语言模型论进化速度