白色代码:

黑色代码:

灰色代码:

棕色代码:

代码说明——其中:width=100 height=40 中的数字分别表示播放器的宽度和高度,注意:都选择0将隐藏播放器(隐藏时一定要选择自动播放)autostart="true"中true或1表示自动播放,false或0表示手动播放loop="true" 中的true或1表示重复播放,false或0表示只播放一次

一、几款最常用的播放器

代码如下:(EMBED src="歌曲地址" width=300 height=50 type=audio/mpeg loop="-1" autostart="FALSE" volume="0")

代码如下

(EMBED style="FILTER: invert()" src="歌曲地址" width=300 height=50 type=audio/mpeg volume="0" autostart="TRUE" loop="true")  代码如下

(EMBED style="FILTER: Xray" src=歌曲地址 width=300 height=05 type=audio/mpeg loop="-1" autostart="false" volume="0") < p>

代码如下

(EMBED style="FILTER: GRAY()" src="歌曲地址" width=300 height=45 type=audio/mpeg loop="-1" autostart="true" volume="0") 重要提示:1 复制时务必将(EMBED。。。)前后的括号()替换成<>。这点非常重要。2 WIDTH代表播放器宽度,HEIGHT代表高度,后面的数值可依自己喜好进行调整。3 AUTOSTART="TRUE" 这里TRUE代表自动播放,如果换成FALSE则代表手动播放。

二、装饰美化你的播放器

有了基本的款式后,我们就可以根据自己的想象力,巧用HTML的表格,根据自己的图片素材,装饰美化自己的播放器啦。只要你有足够的创意,调整代码,就可以得到各式各样的播放器。这里抛砖引玉先介绍几款。

首先我们可以为黑色播放器加上一个边缘(中间绿底的部分为原黑色播放器代码)

< align=center>

当然也可以为蓝色播放器加上粉色边缘(中间粉底部分为原蓝色播放器代码)

代码如下 还可以将播放器置于一个单独的表格里,并加上表格的透明特效,播放器上的花纹就是表格的底图。(中间紫底部分的为原蓝色播放器代码)

代码如下:

复制代码

还可以利用动态的GIF背景做成动态播放器(中间蓝底部分为原来的灰色播放器代码

代码如下:

< align=center>

甚至还可以将动态背景只在播放器底部运行中间棕底字体为原灰色播放器代码

代码如下

html音乐博客代码,【转载】HTML博客音乐播放器代码大全相关推荐

  1. html乐谱播放器,html5 canvas音谱可视化mp3音乐播放器代码

    特效描述:html5 canvas 音谱可视化 mp3音乐 播放器代码.html5 canvas通过AudioContext对获取audio标签播放的音域和音高,调用js绘制相应高度的矩形或线条. 代 ...

  2. JS单曲调用百度mp3音乐播放器代码

    在网上找的单曲调用百度mp3音乐播放器的代码,改了改,文本框输入歌曲名,中文逗号,歌手名,回车就可以试听了.几点说明:  百度音乐api 音乐文件地址,span,p,div,等都可以,ID 必须是so ...

  3. html音乐的url,网页制作音乐播放器代码实现及html与url(4页)-原创力文档

    说明: html 和 URL 其实都说的一种地址,如果想在网页中插入 一段代码,以下插入的是音乐播放器代码,都需要 URL 这个地址, 当然你可以在百度里面找到.以前做了一个网页就是以下的这些代码, ...

  4. html音乐播放器代码自动,html5 css3音乐播放器代码

    特效描述:html5 css3 音乐播放器代码.html5 css3音乐播放器代码 代码结构 1. 引入CSS 2. 引入JS 3. HTML代码 标题歌手 00:00/00:00 var music ...

  5. 基于python的音频播放器_基于python实现音乐播放器代码实例

    基于python实现音乐播放器代码实例,一首,函数,按钮,布局,音乐 基于python实现音乐播放器代码实例 易采站长站,站长之家为您整理了基于python实现音乐播放器代码实例的相关内容. 核心播放 ...

  6. html5在线音乐列表播放器,简洁的html5 mp3列表音乐播放器代码

    特效描述:简洁的html5 mp3列表 音乐播放器代码.html5网页音乐播放器,mp3播放器,简洁音乐播放器 代码结构 1. 引入CSS 2. 引入JS 3. HTML代码 标题歌手 00:00/0 ...

  7. Android应用开发--MP3音乐播放器代码实现(一)

    Android应用开发--MP3音乐播放器代码实现(一) 需求1:将内存卡中的MP3音乐读取出来并显示到列表当中 1. 从数据库中查询所有音乐数据,保存到List集合当中,List当中存放的是Mp3I ...

  8. html博客音乐播放器代码大全,关于HTML 音乐播放器代码|音乐播放器网页代码大全...

    白色代码: 复制代码 黑色代码: 复制代码 灰色代码: 复制代码 棕色代码: 复制代码 其中:width=100 height=40 中的数字分别表示播放器的宽度和高度,注意:都选择0将隐藏播放器(隐 ...

  9. 静态博客网页中的网易云音乐播放器

    见我的博客 https://blog.wyue.site/2020/04/12/1/ 转载前请联系我,联系方式请见我博客 https://blog.wyue.site/ 一直想做个博客中的音乐播放器, ...

最新文章

  1. 白话Elasticsearch54-数据建模之通过【应用层join】或者【数据冗余】实现实现用户与博客的关联
  2. 方案二、三SELECT、UDP完成聊天室
  3. SAP Cloud for Customer对UI界面元素文本的调整原理
  4. 《c语言从入门到精通》看书笔记——第15章 存储管理
  5. 优先队列——二项队列(binominal queue)
  6. 你该知道的深度强化学习相关知识
  7. 4章. 安装CentOS 5.x与多重引导小技巧
  8. 封装 电流密度 重布线_具有周边硅通孔的晶圆级芯片封装有限元分析
  9. 把配置的jenkins主路径删掉_Jenkins详细教程
  10. 模拟游戏--艾伦·图灵的传奇人生
  11. php解析微信emoji字符
  12. 基于Proteus的51单片机程序设计及仿真(交通灯控制系统)
  13. OV7725摄像头软件实现简单的二值化处理
  14. Dex2Oat执行参数总结
  15. Direcshow中视频捕捉和参数设置报告
  16. 靖哥哥教你如何用java做爬虫抓取网站美女图片(详解步骤)
  17. win10下c语言哪个版本号,怎么查看我的电脑用的是win10的哪个版本?win10各版本之间的区别...
  18. Oracle异常自我总结
  19. 互联网科普贴-阿里巴巴国际站是什么
  20. maven使用slf4j输出日志到文件

热门文章

  1. 论文审稿怎么审?审稿意见怎么写?(含案例)
  2. git可视化工具sourcetree解决中文乱码问题
  3. ember.js mysql_Ember.js 入门指南——model简介1
  4. 6-1免疫算法(IA)原理
  5. android打电话 接电话 挂电话流程分析
  6. EPS使用-20220617更新
  7. 《焦虑心理学》—— 完美主义者的修行
  8. 医疗门诊ERP系统源码
  9. PowerBuilder(PB6)安装过程中的种种问题及解决方式
  10. 关于使用Restlet的升级