融入背景的播放器代码

Html5+Css3实现类似网易云音乐的移动版播放器 网易云音乐的网页版是没有移动页面的,我突发奇想,来做一个玩玩: http://followyourheart.sinaapp.com/Demos/musicPlayer/Index.html 主要用到了Html5的一些Api跟Css3动画,仅供参考。 阅读详情

 

这个播放器就是运用滤镜效果使得播放器和博客背景色更好的融合在一起。只要把下面代码中的紫色字体内容更改一下再粘贴复制一下就可以了,一开始的紫色代码是设置边框的样式和颜色,不喜欢也可以删掉,后面两个bgcolor后面改成自己喜欢的颜色就好,border是指表格边框粗细,style的值可以为1,2,3中的任意一个,大家可以自己试一下,选个喜欢的,src后面就是歌曲的网络地址了。但是要使用这段代码最好使用WMA格式的音乐,用MP3格式的歌曲会使得安装了QUICKTIME的朋友看不到效果。

<table style="BORDER-RIGHT: #6a6a68 4px dotted; BORDER-TOP: #6a6a68 4px dotted; BORDER-LEFT: #6a6a68 4px dotted; BORDER-BOTTOM: #6a6a68 4px dotted" cellspacing="0" cellpadding="0" align="center" bgcolor="#000000"><tbody><tr><td><tablealign="center" bgcolor="#000000" border="0" ><tbody><tr><td style="FILTER: alpha(opacity=100,style=3 )"><palign="center"><embed src="http://v.qingyinyue.com/yuedui2/musicm4/VOD5/707/6.wma" width="200" height="45" type="audio/mpeg" autostart="false" loop="false" /></p></td></tr></tbody></table></td></tr></tbody></table>

 

 

 

 

普通的播放器代码

<embed style="TEXT-ALIGN: center" src="http://166.111.112.101/public/homework/photoshop/011927/seasons_in_the_sun.mp3" width="180" height="43" type="audio/mpeg" autostart="true" loop="true" />  (请使用MP3歌曲)

<embed style="TEXT-ALIGN: center" src="http://music.jiamenkou.com/music2006/new2/891/7.wma" width="180" height="43" type="audio/x-ms-wma" loop="true" autostart="true" />  (请使用wma歌曲)

 

音乐播放器 —— 测试报告 音乐播放器的测试报告 阅读详情

相关推荐

使用Qt框架打造功能完备的MP3播放器

Qt是一个功能丰富的跨平台应用程序和用户界面框架,它允许开发者在不同的操作系统上创建美观、易用的软件。它提供了一套全面的工具和库,用于创建桌面、嵌入式和移动应用程序。QWidgets模块是Qt框架中的一个基本组成部分,主要负责提供用户界面的各种控件。它包含了一整套丰富的小部件(widgets)来构建桌面应用程序的界面,如按钮、文本框、滑动条等。QWidgets是针对桌面应用程序设计的,它的布局和渲染机制是基于本地操作系统的原生API实现的。

weixin_36277197的博客 1064

制作HTML播放器代码及方法

一、基本语法 1、贴音乐: &lt;embed src="音乐地址" width="宽度" height="高度" autostart=false&gt;&lt;/embed&gt; 2、贴rm,ra,ram类型的音乐: &lt;embed width="0" height="0" type="audio/x-pn-realaudio-

傾城如夢 165

CKPlayer网页视频播放器核心文件压缩包

CKPlayer是一款功能强大的开源网页视频播放器,专为满足现代Web开发需求而设计。它提供了灵活的接口和丰富的配置选项,使得开发者能够轻松地在网页中嵌入视频内容。CKPlayer不仅支持常见的视频格式,还允许自定义外观和行为,以适应不同的应用场景。CKPlayer作为一个功能强大的网页视频播放器,其API文档是开发者进行二次开发和定制功能时的宝贵资源。文档通常详细列出了所有可用的方法、属性、事件以及参数说明。

weixin_42126677的博客 670

HART协议开发实战:物理层陷阱、帧结构解析与现场排障

HART协议是一种在4–20mA模拟回路上叠加FSK数字信号的工业通信标准,其核心价值在于高可靠性与强现场适应性,而非高速率或复杂功能。它基于1200bps Bell 202 FSK调制,依赖确定性时序、累加和校验与主从轮询机制实现轻量级双向交互。技术优势体现在极端环境下的长期稳定运行能力,广泛应用于化工、水处理、制药等对可用性要求严苛的流程工业场景。实际开发难点集中于物理层共模干扰抑制、回路负载计算、接地策略及HART帧手工解析——尤其需关注地址域配置、状态字节诊断与命令级重试逻辑。本文聚焦真实接线盒中的

weixin_34062469的博客 411

CODESYS Softmotion(一)功能介绍

一、CODESYS SoftMotion RTE SL产品 1.1 CODESYS Runtime SL 产品家族介绍 目前支持的主流厂商的硬件产品,让部署在上面的成为实时设备。 对于Windows系统,根据需求选择对应的Runtime: RTE极大的提高了实时性,适合进行运动控制,同时RTE还支持了多个主从站协议: 还可以选择可选的功能(Single License): RTE对硬件和系统有要求,如果你需要硬件功能,那么网卡会有最低要求。 1.2 RTE的下载和安装 在官网http://codes

Fishfishfishfishcat 2万+

从ESP/ABS选型看轮速传感器:为什么你的车用了AK+PWM+7/14mA三种协议?

本文深入解析了汽车轮速传感器的三种主流协议(7/14mA电流型、PWM型和AK协议型)及其混合应用场景。通过对比不同协议的技术特点、成本效益和工程挑战,揭示了现代车辆采用多种传感器协议背后的设计逻辑,包括成本控制、性能平衡和冗余设计等关键因素。

weixin_29266679的博客 532

博客园背景音乐调用,让音乐为你的博文加点料

  单调的文字怎么行,让音乐为你的博文加点料。什么?你写的是技术型博客不搞这么多文艺,大叔,技术型博客也可以很文艺的诶。   今天下三分,网易云、虾米、所有的XX音乐各占据了国内的音乐市场,不过要论曲库哪家全,网易云虾米撕破脸。所以呢,要想博客加上稳定的音乐外链,就在这两者之间选择吧。 在网站上选择合适的背景音乐并外链   何为“合适的背景音乐”呢?首先是前奏不要太唐突,不...

weixin_30599769的博客 150

SAP-PP 返工订单成本归集优化:从物料结算到成本中心的配置与增强实践

本文深入探讨SAP-PP模块中返工订单成本归集的优化方案,重点解析从物料结算到成本中心的配置与增强实践。通过结算参数文件配置、分配结构调整及增强开发实战,解决返工费用误计入物料成本的问题,确保财务核算精准性。文章还提供测试验证方案与常见报错处理技巧,助力企业实现成本数据清晰流向分析。

weixin_29260291的博客 365

探索Vuetify音频播放器:简化音乐融入Web的优雅方案

探索Vuetify音频播放器:简化音乐融入Web的优雅方案 在构建高度互动的Web应用时,对音视频的支持往往成为提升用户体验的重要一环。今天,让我们一同发掘vuetify-audio——一款基于强大Vuetify框架的Vue.js音频播放组件,它不仅封装了基本的HTML5音频API,还带来了一系列定制化特性,让音频集成变得前所未有的简单和美观。 项目简介 vuetify-audio是一个专为Vue...

gitblog_00181的博客 476

MCGSPro动画部件实战:用文本分段实现智能报警提示(附工程文件)

本文详细介绍了在MCGSPro组态软件中,如何利用动画部件的文本分段功能,高效实现触摸屏上的智能报警提示。通过绑定整数变量作为索引,一个部件即可动态切换多种状态信息,解决了传统方法画面臃肿、维护繁琐的痛点。文章提供了从变量定义、部件配置到逻辑联动的完整实战教程,并分享了工程文件复用与性能优化技巧。

weixin_28347369的博客 167

Ubuntu 20.04 环境下Autoware.universe 与 Carla 0.9.13 联合仿真

安装内容: ROS Galactic Autoware.universe based on ROS Galactic Carla 0.9.13 UnrealEngine 4.26 Openplanner (additional files: op-bridge/op-agent/scenariorunner/map data)

mhl1107的博客 1799

页面背景图像的代码

页面背景图像的代码 1.(最普遍类) &lt;style&gt;body{background-image:url(logo.gif);background-repeat:no-repeat;background-position:center}&lt;/style&gt; 说明:以上代码为网页背景图片固定代码!网页背景图片固定代码。这样,当向下拉网页...

weixin_33913377的博客 324

91、Windows网络配置:动态更新与名称解析全攻略

本文全面解析了Windows XP Professional系统中的网络配置方法,重点介绍了动态更新和名称解析两大核心功能。动态更新部分涵盖DHCP客户端、静态配置客户端、远程访问客户端和多宿主客户端的配置方法,并提供禁用动态更新和编辑Hosts文件的注意事项。名称解析部分详细讲解了NetBIOS名称解析的基础知识、WINS配置方法、B节点广播与Lmhosts文件的使用,以及WINS代理的作用和配置要点。通过操作建议流程图和关键操作步骤回顾,帮助用户快速掌握网络配置的核心技巧,适用于不同网络环境的实际需求。

blue42的博客 234

告别视频背景烦恼:用Plyr打造沉浸式全屏背景视频体验

你是否遇到过这些问题?视频背景无法铺满屏幕、自动播放被浏览器拦截、移动端显示错位、加载缓慢影响网页性能?这些问题不仅影响用户体验,还可能让访客对网站质量产生怀疑。本文将详细介绍如何使用Plyr(一个轻量级、可定制的HTML5视频播放器)快速实现专业级全屏背景视频效果,解决上述所有痛点。读完本文,你将掌握从基础集成到高级优化的完整解决方案,让你的网站背景视频既美观又高效。 ## 为什么选择Plyr...

gitblog_00145的博客 560

【unity实战】随机地下城生成3——设置人物移动脚本、动画的切换和摄像机的跟随(含源码)

给房间添加触发器碰撞体,用来判断角色是否进入房间切割人物图片,注意人物每个图片高度可能不同,所有我们需要把轴心调整到人物的底部把人物跑步图片的高度,统一调成20,下面镂空,达到跳跃的效果快速创造人物动画,以人物idle为例,我们选中所有的idle人物图片,拖拽至窗口,unity就会自动生成,并提示保存动画位置别忘记设置人物排序图层,运行人物就动起来了新增run动画设置人物碰撞体设置刚体将重力设置为0,持续人物移动和动画切换的代码设置摄像机跟随单例代码在room中调用。

向宇的博客,专注php/web全栈 unity游戏开发,欢迎大家评论纠错 1052

低功耗设计-Power Switch

power gating与power switch cell

m0_61544122的博客 1万+

Vue音频播放器组件:轻松实现音乐盛宴

在构建现代Web应用的过程中,有时候我们需要一个简单而强大的音频播放器来提升用户体验。这就是[@liripeng/vue-audio-player](https://github.com/1014156094/vue-audio-player)大显身手的地方。这个开源项目为Vue开发者提供了便捷的音频播放解决方案,无论是在PC还是移动设备上,都能带来流畅的音乐体验。 ## 项目简介 Vue音频...

gitblog_00145的博客 1372

IEM模型,地表粗糙度模拟

利用微波反演土壤水分时候,利用IEM模型可以实现对随机地表的模拟

最好的免费WordPress音频播放器插件

出于多种原因,您可能希望在网站中嵌入音频。 例如,也许您出售自己的音乐,并希望在要求用户购买歌曲之前先预览一下,或者您可能只想拥有基于文本的帖子的音频版本。 无论哪种情况,WordPress都会提供很多免费的插件来完成工作。 它们易于使用,并支持.mp3 , .wav和.ogg之类的所有常见音频格式。 Compact WordPress Audio Player实际上是一个HTML和Fl...

代码教主 3897

蓝牙模块HM-10手册

蓝牙模块HM-10手册,该手册对蓝牙模块HM-10进行了详细的介绍和使用方法以及一些AT指令。

WINCC7.3破解文件

WINCC7.3硬件够破解文件,有需要的下载!WINCC7.3硬件够破解文件,有需要的下载!

推荐一款神奇的音乐播放器组件:APlayerAtBottom

推荐一款神奇的音乐播放器组件:APlayerAtBottom 项目简介 是一个轻量级的JavaScript库,它允许你在网页底部添加一个美观且功能丰富的音乐播放器。该项目由SatoSouta开发,旨在为网站提供无缝集成的背景音乐播放功能,提升用户的浏览体验。 技术分析 APlayerAtBottom基于HTML5的Audio API构建,这意味着它支持现代浏览器的音频处理功能。该组件采用Vue.j...

gitblog_00093的博客 492

计算机控制技术及应用

《计算机控制技术及应用》通过总结作者的科研成果和吸收国内外的先进理论、方法和技术,以计算机控制系统的网络化、开放化、智能化和集成化发展趋势为主线索,主要介绍计算机控制系统的基本概念和计算机控制系统的典型形式,计算机控制系统的数学描述与基本分析方法,以及数字PID控制器、最少拍控制系统、达林算法、状态变量设计法等设计方法及其各种改进算法。重点突出计算机控制系统输入输出通道接口的设计方法和典型控制系统的设计案例与实现方法等。

基于SSM的音乐播放器【附源码+文档】

该课题采用的主流的Java语言这种面向对象的语言进行音乐播放器的开发,在数据库的选择上面,选择功能强大的Mysql数据库进行数据的存放操作。

程序定制,毕设辅导、论文写作、技术指导! 922

【超全】基于SSM的音乐播放器的设计与实现[包括源码+文档]

该课题采用的主流的Java语言这种面向对象的语言进行音乐播放器的开发,在数据库的选择上面,选择功能强大的Mysql数据库进行数据的存放操作。

qq_59110836的博客 773

告别窗口切换烦恼:AudioBand让音乐控制无缝融入Windows任务栏

你是否曾经在工作时因为要切歌而不得不打断思路?或者在全屏游戏时为了调整音量而退出游戏界面?现在,**任务栏音乐控制**不再是梦想!AudioBand这款开源工具将音乐播放器直接"搬"到你的Windows任务栏,让你在不离开当前窗口的情况下就能掌控音乐。 ## 🎯 为什么你需要任务栏音乐控制? 想象一下这些场景: - 写代码时想切歌,不用最小化IDE - 看视频时想调音量,不用暂停播放 -

gitblog_00157的博客 806

推荐篇:探索音乐之旅 —— Web音乐播放器

推荐篇:探索音乐之旅 —— Web音乐播放器 在数字化时代,音乐不仅是耳朵的享受,更是心灵的慰藉。今天,我们为您介绍一款由才华横溢的开发者「codewithsadee」打造的开源项目——Web音乐播放器。这是一款轻盈而充满现代感的音乐播放解决方案,旨在为所有设备提供一致且流畅的音乐体验。 项目介绍 Web音乐播放器是一个完全响应式的在线音乐播放器,它纯粹采用vanilla JavaScript构建...

gitblog_00783的博客 951

REFramework 使用指南:RE 引擎游戏模组加载、Lua 脚本与 VR 支持

REFramework 是一款面向 RE Engine(《生化危机》系列所使用的游戏引擎)游戏的模组框架。它把模组加载、Lua 脚本平台和 VR 支持整合在一起,让你可以在同一套工具下修改画面参数、编写自定义脚本,甚至以 6 自由度方式体验游戏。项目以 MIT 协议开源,灵感来自 Kanan,并复用了其部分代码。对于想在不反编译游戏的情况下扩展游戏内容的玩家和开发者来说,它提供了完整的运行环境:你

gitblog_00010的博客 254

python毕设基于安卓的音乐播放器系统7dn88程序+论文

在数字化时代背景下,音乐作为一种重要的文化娱乐形式,已经深度融入了人们的日常生活。随着科技的进步,尤其是移动互联网和智能终端设备的普及,人们获取和享受音乐的方式发生了巨大变化。传统的音乐播放方式,如CD、磁带等,逐渐被数字音乐所取代。音乐播放器系统,作为数字音乐播放的核心平台,不仅能够提供丰富的音乐资源,还能实现个性化的播放列表、智能推荐等功能,极大地提升了用户的音乐体验。然而,面对用户日益增长的个性化需求和市场竞争的压力,现有的音乐播放器系统在用户体验、音乐分类管理、智能推荐算法等方面仍有待提升。因此,设

宇澄学长-毕设 712

基于SSM的音乐播放器管理系统

用户可根据关键字进行信息的查找自己想要听的音乐等。

qiufangtaowvnyyidtf的博客 578
上一篇: css图片滤镜效果代码
下一篇: 博客加QQ代码
woaisucai
博客等级 码龄17年 81粉丝 55原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值