基于Smusic开源播放器的改版播放器 LKMusic正式开工

最新推荐文章于 2022-02-09 14:48:29 发布
最新推荐文章于 2022-02-09 14:48:29 发布
阅读量1.1k 收藏
点赞数
分类专栏： lkmusic smusic
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/laike1355/article/details/50998117
版权

涉及技术 html css2 css3 javascript 原生 html5 new api （querySelector classList audo video pushState ….）采用全新的css3 flex布局技术实现。自适应各个主流平台浏览器

兼容平台 （ie9.0+ edge safari chorme operia 以及国内某些极速浏览器webkit引擎的） 手机端兼容安卓 4.4 以上 ios 8.0 以上 windows phone（windows10 for mobile） 暂时不支持 windows phone 8.1

关于Smusic 官网地址 ： http://www.smohan.net/

Smusic 开源地址Github ：https://github.com/S-mohan/smusic

目标群体：音乐网站 个人博客 公司网站 …（希望在web页面中播放音乐的站点）

播放器页面也会套用http://www.smohan.net/ 个人网站的播放器界面，因为本人没有设计功底

F2E前端爱好者
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
小项目----音乐在线播放器
HandsomeDog_L的博客
09-11 1547
实现一个小项目，在线音乐服务器准备工作:idea(代码编写),apifox/postman(接口调试,我用的前者),一颗不怕出错的心。
基于Bootstrap的网页“音乐播放器博物馆” --- 处女作！
qq_34533266的博客
12-17 5043
前言 学习前端语言已经有一段时间了，可是还没有真正着手写一个自己的网页，这次花了一个星期用Bootstrap框架写了个简单的网页，期间出了很多问题，也收获了很多！(具体功能以后会慢慢完善！) 问题： JQuery 代码的陌生，致使导航条的功能无法实现，差点想要放弃； js的摆放顺序； 盒子模型的具体数值以及摆放； 图片的大小处理问题； 选择器的使用：1.标签选择器 2.class => ...
HTML 5 smusic-1.0.0 HTML5 音乐播放器
11-07
HTML5 smusic-1.0.0 HTML5 音乐播放器 HTML 5 smusic-1.0.0 HTML5 音乐播放器
html5在线音乐列表播放器,HTML5列表音乐播放器SMusic
weixin_39747087的博客
05-30 2433
插件描述：一款基于HTML5、Css3的列表式音乐播放器，包含列表，音量，进度，时间，歌词展示以及模式等功能，不依赖任何库SMusic使用方法这是一款基于HTML5以及CSS3的列表式音乐播放器，增加了列表播放，音量控制，播放进度，播放时间以及播放模式，上一曲，下一曲等功能，已增加歌词功能。采用原生JavaScript编写，不依赖任何库文件，兼容支持html5的浏览器。下载包中的代码已压缩。可配置...
html5音乐播放器
weixin_46146313的博客
02-05 376
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="../../jQuery/jquery-3.4.1.min.js"></script> <style type="t...
HTML5列表式音乐播放器SMusic.zip
11-18
HTML5列表式音乐播放器SMusic是一个基于前端技术构建的音乐播放应用，它利用了HTML5、CSS、JavaScript以及jQuery库来实现用户友好的音乐播放功能。在这个项目中，我们将探讨这些技术如何协同工作，创建出一个现代、...
HTML5列表音乐播放器SMusic
06-01
HTML5列表音乐播放器SMusic是一款完全基于HTML5和CSS3技术构建的现代音乐播放器。这个播放器设计成列表形式，提供了丰富的功能，包括播放列表、音量控制、播放进度指示、显示当前播放时间、歌词同步显示以及多种播放...
HTML MP3音乐播放器源码.rar
最新发布
10-16
源码使用HTML、CSS、JQuery中的smusic.min.js库实现了MP3音乐列表播放器效果，可实现上一曲、下一曲、播放、暂停、循环播放、随机播放功能的相互切换，源码中音乐资源文件配置简单，使用数组形式配置相关信息即可，...
前端学习小demo：使用HTML+CSS+bootstrap+Vue2.0编写一个简易的音乐播放器（仿网易云）
weixin_43507682的博客
02-09 1162
具体的操作流程（实现步骤）： 1.歌曲搜索 2.歌曲播放 3.歌曲评论 4.播放歌曲的MV（有的歌曲没有MV） 代码编写过程： 1.创建一个Vue项目（前提是安装好了node.js、npm、vue） 使用npm install命令，安装命令：npm install -g @vue/cli vue create 项目的名称（最好是全英文） ...
VisualSynthesizer:一个基于python的MusicXML播放器，合成器，可视化器！ 您可以创建自己的乐器声音，导出声音，甚至可以轻松自定义其UI！
04-16
视觉合成器 一个基于python的MusicXML播放器，合成器，可视化器！ 您可以创建自己的乐器声音，导出声音，甚至可以轻松自定义其UI！ 这是该程序的视频介绍： : 这是该程序的一个视频示例（出于娱乐目的更改了背景）： : 如果您无法安装simpleaudio模块，请填写此网站的答案： ://stackoverflow.com/questions/45007577/pyconfig-h-cannot-open-include-file-io-h-no-such-file-or-directory
music-js:用于 JavaScript 的 HTML5 Audio API 音乐可视化工具
07-03
Music-js 是一个音乐可视化程序，其中包含许多用于音乐播放列表的内置自定义选项。 提供指向 MP3、Ogg Vorbis 和/或 WebM 声音文件的链接，它可以使用 HTML5 音频 API 创建音乐播放时的实时可视化。 此应用程序支持外部声音文件的可视化，使其可以轻松成为其他站点的插件。 文档将在另一个更新中添加。 现在，请参阅/static下index.html的 JSON 对象以演示可自定义的属性。 要安装此服务器，请运行 git clone https://github.com/patrickroberts/music-js.git cd music-js/static/ mkdir media 此时，您应该将歌曲添加到media目录并编辑index.html的 JSON 以包含您想要可视化的歌曲。 之后，返回终端或命令提示符并运行 cd .. npm insta
自制Music播放器
07-03
自制Music播放器 Homemade Music player
django项目实战一个音乐网站的实现（侧边音乐播放器）
04-17
django后端框架实现的音乐播放平台，包含分页、批量处理、侧边隐藏式音乐播放器、酷炫的界面导航，无数据库可直接运行
Midi和音乐Xml播放器「Midi and Music Xml Player」-crx插件
03-15
播放Midi文件和音乐Xml文件进行音乐培训 该程序播放Midi和Music Xml文件。 您可以选择您想听的曲目。 您也可以更改速度或移调歌曲。 您也可以更改乐器-可以选择四种乐器来区分声音。 同样，全景图可能会从左向右更改。 支持语言:English
2021-02-10JavaScript实现简单音乐播放器
bgt2314的博客
02-10 226
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="css/music.css"> </head> <body> <audio src="" id...
MusicXML 属性解析 一
叶飘っ叶相偎 的博客
10-28 8948
Musicxml 是一个开放的基于XML 的音乐符号文件格式,由Reccordare 公司开发。他被设计用来做为乐谱信息的交换格式，特别是在不同的乐谱显示软件的之间进行交换。MusicXML 将整体乐曲元素和属性信息表示为一份XML 文档,他克服了另外两种格式----NIFF 格式(基于图片)和SMDL 格式(过于庞大)的兼容性差,结构复杂等许多缺点，目前他已经被很多应用软件的支持。目前很多音
lkmusic项目完整代码以及使用离线存储优化
新的启程的博客
04-22 1858
html代码<!DOCTYPE html> <!--对离线存储进行支持--> <html lang="zh-cmn-Hans" manifest="lkmusic.appcache"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, u
musicxml3.0官方教程
08-13
musicxml是流行的五线谱表示格式，这是它的最新版本的官方教程
根据以下代码介绍一下实现的界面 JMenu menuOption, mnuSet, mnuHelp; public void createMenus() { //选项子菜单 menuOption = new JMenu("选项(O)"); menuOption.setMnemonic('O');//设置热键 miReset = new JMenuItem("重置"); miPrev = new JMenuItem("上一关"); miNext = new JMenuItem("下一关"); miSelect = new JMenuItem("选择关卡"); miExit = new JMenuItem("退出"); miBack = new JMenuItem("撤销一步"); menuOption.add(miReset); menuOption.add(miPrev); menuOption.add(miNext); menuOption.add(miSelect); menuOption.add(miBack); menuOption.addSeparator();//添加分隔条 menuOption.add(miExit); //音乐子菜单 mnuSet = new JMenu("设置(S)"); mnuSet.setMnemonic('S');//设置热键 miMusic1 = new JMenuItem(sMusic[0]); miMusic2 = new JMenuItem(sMusic[1]); ButtonGroup bg = new ButtonGroup(); bg.add(miMusic1); bg.add(miMusic2); //帮助子菜单 //默认选第一首 setMenuState(0); mnuSet.add(miMusic1); mnuSet.add(miMusic2); mnuHelp = new JMenu("帮助(H)"); mnuHelp.setMnemonic('H'); miHelp = new JMenuItem("关于我们……"); mnuHelp.add(miHelp); //监听 miReset.addActionListener(this); miPrev.addActionListener(this); miNext.addActionListener(this); miBack.addActionListener(this); miSelect.addActionListener(this); miExit.addActionListener(this); miMusic1.addActionListener(this); miMusic2.addActionListener(this); miHelp.addActionListener(this); menuBar = new JMenuBar(); menuBar.add(menuOption); menuBar.add(mnuSet); menuBar.add(mnuHelp); setJMenuBar(menuBar); }
07-08
这段代码实现了一个界面的菜单栏。菜单栏包括三个主菜单选项：选项、设置和帮助。在选项菜单中，有多个子菜单项，包括重置、上一关、下一关、选择关卡、撤销一步和退出。在设置菜单中，有两个子菜单项，用于选择不同...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值