`

网页背景音乐

阅读更多

 

 

第一步:首先建一个txt文本。在txt文本框中加入 歌曲名的路径

(因为我的歌曲和页面都在桌面。所以路径是相同。就直接写歌曲的信息)

 

//以下都是歌曲名和后缀名MP3组成、、

张政 - 香烟爱上火柴.mp3
儿歌 - 三个和尚没水喝 - 小孩子.mp3
儿童歌曲大全 - 乖孩子.mp3
儿童歌曲大全 - 好孩子要诚实 - 精选儿童歌曲.mp3
儿童歌曲 - 幸福的孩子爱唱歌.mp3

 

(。。。。。)

 

 

注:(文本中可以加入你的任何的歌曲)

 

第二步: 保存txt文本后,比如是music.txt的后缀名改成   music.m3u的文件

 

第三步:页面  index.html

<html>
<head>
<title>播放音乐</title>
</head>

<body>
 <label>
 自动循环播放背景音乐
 <label>
 <br></br>
 <embed src="music.m3u"  width=200 height=50 type=audio/mpeg loop="true" autostart="true"/>
</body>
</html>

 

 

以上三步完成,就可以打开页面index.html。歌曲就可以自动依次的播放了。

全部播完了又会回到第一首,依次的循环播放。

 

个人觉得它比较方便,。不需要数据中存,直接从本地拿来用,加入歌曲只要在music.m3u文件中加就行了。

用起来比较方便。

 

 

分享到:
评论

相关推荐

    网页背景音乐播放器代码

    根据给定的文件信息,我们可以总结出关于网页背景音乐播放器代码的相关知识点: ### 一、基本概念 在网页设计中,有时为了增加网站的趣味性或者氛围感,我们会使用到背景音乐播放器。背景音乐播放器代码允许我们在...

    js控制网页背景音乐播放与停止的方法

    本文实例讲述了js控制网页背景音乐播放与停止的方法。分享给大家供大家参考。具体实现方法如下: 代码如下:&lt;!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ...

    按钮控制网页背景音乐

    网页背景音乐是提升用户体验的一种重要方式,特别是在设计多媒体或者游戏网站时,合适的背景音乐能营造出独特的氛围。本文将深入探讨如何使用按钮来控制网页的背景音乐,包括音乐的重复播放、暂停功能以及确保良好的...

    如何为网页设置背景音乐 网页背景音乐

    在网页设计中,添加背景音乐可以为访问者提供更加丰富的用户体验。这通常通过HTML、CSS以及JavaScript技术实现。本文将详细讲解如何为网页设置背景音乐,包括基本的HTML5音频标签使用、CSS样式控制以及JavaScript的...

    网页背景音乐控制

    网页背景音乐控制是网页制作中的一个重要元素,它涉及到用户体验和网站的整体氛围营造。在网页设计中,背景音乐可以增加互动性和情感共鸣,尤其对于音乐、艺术或者游戏类网站,适当的背景音乐能提升用户沉浸感。然而...

    网页背景音乐代码.rar

    网页背景音乐是提升网站用户体验的一种常见方式,尤其适用于个人主页、音乐分享站点或者有特定氛围需求的网页设计。本资源“网页背景音乐代码.rar”提供了一份详细的文档“网页背景音乐代码.doc”,帮助开发者了解...

    超简单实用网页背景音乐FLASH播放器

    网页背景音乐是提升网站用户体验的一种常见方式,而使用FLASH播放器来实现这一功能,曾经是一种流行的选择。在本文中,我们将深入探讨“超简单实用网页背景音乐FLASH播放器”的相关知识点,包括Flash技术基础、音乐...

    网页背景音乐播放器代码(可实现多首音乐循环播放)

    非常好用而且美观的的网页背景音乐代码,(可实现多首音乐循环播放),只要修改exobudpl.js文件里面的音乐地址即可,让你不再为网页背景音乐播放器不美观而发愁,更多网页实用源码请登录www.ita5.com联系sunny

    CSS3网页背景音乐动画代码.zip

    本资源"CSS3网页背景音乐动画代码.zip"聚焦于如何利用CSS3来创建一个带有背景音乐和动画效果的网页,特别是满天星动漫效果,同时集成了播放器功能,为用户提供更丰富的浏览体验。 首先,让我们深入理解CSS3的关键...

    HTML.rar_html_网页背景音乐

    在HTML中添加网页背景音乐是一项基础但重要的技能,特别是在构建动态和交互式的用户体验时。这个“HTML.rar”压缩包提供了一个简单示例,教给初学者如何实现这一功能。 首先,我们需要了解HTML中的`&lt;audio&gt;`标签。...

    纯CSS3实现网页背景音乐动画代码.zip

    "纯CSS3实现网页背景音乐动画代码" 这个标题指出我们要讨论的是一个使用纯CSS3技术来创建的网页背景音乐动画的实现方法。这意味着我们将不依赖JavaScript或其他编程语言,只利用CSS3的特性来设计和控制网页上的音频...

    关闭网页背景音乐Win7声音控制技巧.docx

    关闭网页背景音乐Win7声音控制技巧.docx

    如何保存网页的背景音乐

    保存网页背景音乐可以通过以下步骤实现: 1. **打开开发者工具**:在播放背景音乐的网页上按`F12`键或者右键选择“检查”(Inspect)来打开开发者工具。 2. **定位音频源**:切换到“Network”选项卡,在刷新页面的...

    网页背景音乐播放器autoPlayAudios

    autoPlayAudios html5实现网页auto自动播放背景音乐(尤其针对微信浏览器,其实微信背景音乐自动播放可以到微信官网查看js-sdk http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html); 这里主要...

    JavaScript与网页的背景音乐.pdf

    "JavaScript与网页背景音乐实现" JavaScript是网页设计中最常用的语言之一,而网页背景音乐则是网页设计中的一种重要元素。本文将详细介绍如何使用JavaScript实现网页背景音乐,并且实现随机选择背景音乐和控制背景...

    flash+xml网页博客背景音乐播放经典集合

    本资源“flash+xml网页博客背景音乐播放经典集合”是针对这些技术的一个实例应用,主要用于网页背景音乐的播放。下面我们将深入探讨Flash、XML以及它们如何结合实现网页上的背景音乐播放。 首先,Flash是一种交互式...

    在网页中添加背景音乐的代码

    "添加背景音乐代码到网页" 在网页中添加背景音乐的代码是指使用JavaScript和HTML将音频文件嵌入到网页中,以便在网页加载时自动播放背景音乐。以下是添加背景音乐的代码分析: 首先,让我们看一下avi格式的代码...

    HTML+Javascript实现点击图片自动播放背景音乐

    在这个场景下,"HTML+Javascript实现点击图片自动播放背景音乐"是一个很好的示例,它结合了两种核心技术来实现用户交互。HTML(超文本标记语言)是网页的基础结构,而JavaScript则提供了动态效果和交互性。 首先,...

Global site tag (gtag.js) - Google Analytics