精华内容
下载资源
问答
  • 如何进行网页背景音乐设置
    千次阅读
    2020-02-14 15:10:36

    前天制作网站最大的问题来源于背景音乐的设置,最后采用了制作音乐播放器的方式代替,但是对于除IE浏览器之外的其它浏览器仍然存在不适配的问题。在这里找到了几种比较好的解决办法,先mark一下。
    https://www.cnblogs.com/Format2012/archive/2012/06/15/2551381.html

    更多相关内容
  • 本文实例讲述了js控制网页背景音乐播放与停止的方法。分享给大家供大家参考。具体实现方法如下: 代码如下:<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ...
  • HTML——添加网页背景音乐

    万次阅读 多人点赞 2019-09-08 15:01:32
    方式一: <video controls="" autoplay="" name="media...source src="音乐" type="audio/mpeg"></video> <video controls="true" autoplay="true" name="media" loop="true" hidden="true">...

    方式一:

    <video controls="" autoplay="" name="media"> <source src="音乐" type="audio/mpeg"></video>
    <video controls="true" autoplay="true" name="media" loop="true" hidden="true"> <source src="音乐链接" type="audio/mpeg"></video>

     

    方式二:

    在<head></head>中的title标签之下添加以下这行代码

    <embed src="music/We Don't Talk Anymore.mp3" autostart="true" loop="true" hidden="true"></embed>

    这个方式主要是支持的播放器多。一定程度上解决了浏览器兼容的问题。

    说明:

    1、src="",在""内添加你音乐的保存路径。
    2、使用hidden="true"表示隐藏音乐播放按钮,相反使用hidden="false"表示开启音乐播放按钮。
    3、使用autostart="true" 表示是打开网页加载完后自动播放。
    4、使用loop="true"表示 循环播放 如仅想播放一次则为:loop="false"
     

    方式三:

    <audio autoplay="" loop=""> <source src="http://mi.0w0.im/Letter_Song.mp3"></audio>

        这个不显示播放器。

     

    方式四:

    <bgsound src=背景音乐链接地址 loop=-1>
    <bgsound src="音乐保存的绝对路径" autostart=true loop=infinite> 
    

    说明:1、使用autostart=true,表示音乐在网页加载同时加载音乐,打开网页时音乐自动播放。

    方式五:

    <audio src="music/We Don't Talk Anymore.mp3" id="aud" autoplay="autoplay" controls="controls" preload="auto"></audio>

    说明:

    1、使用autoplay="autoplay",则背景音乐将在音网页打开后就自动马上播放。

    2、使用controls="controls",则为了在页面内显示显示控件,如播放按钮。

    3、使用"loop="loop",则是为了是背景音乐重复播放。

    4、使用preload="auto",则音频在页面加载的同时进行加载,并预备播放。

    5、使用src="",即是在""内加入背景音乐的保存路径,如:src="web网页制作\03.mp3"。

    注:若是想播放按钮隐藏,则使用以下语句:

        直接使用css 的display控制audio标签的显示:

    <style type="text/css">
         audio{
                 display: none;
             }
    </style>


     

    参考文章

    https://www.w3school.com.cn/html/html_audio.asp 

    展开全文
  • 本文实例讲述了js给网页加上背景音乐及选择音效的方法。分享给大家供大家参考。具体实现方法如下: 代码如下:<HTML> <HEAD> <TITLE>给网页加上背景音乐,选择音效功能</TITLE> <STYLE&...
  • 如何为网页设置背景音乐 网页背景音乐 如何为网页设置背景音乐 网页背景音乐
  • 【HTML】添加网页背景音乐

    千次阅读 2020-09-29 07:32:00
    方式一: <video controls="" autoplay="" name="media">...source src="音乐" type="audio/mpeg"></video> <video controls="true" autoplay="true" name="media" loop="true" hidden="true"...

    方式一:

    <video controls="" autoplay="" name="media"> <source src="音乐" type="audio/mpeg"></video>
    
    <video controls="true" autoplay="true" name="media" loop="true" hidden="true"> <source src="音乐链接" type="audio/mpeg"></video>
    

    方式二:

    在<head></head>中的title标签之下添加以下这行代码

    <embed src="music/We Don't Talk Anymore.mp3" autostart="true" loop="true" hidden="true"></embed>
    

    这个方式主要是支持的播放器多。一定程度上解决了浏览器兼容的问题。

    说明:

    1、src="",在""内添加你音乐的保存路径。
    2、使用hidden="true"表示隐藏音乐播放按钮,相反使用hidden="false"表示开启音乐播放按钮。
    3、使用autostart="true" 表示是打开网页加载完后自动播放。
    4、使用loop="true"表示 循环播放 如仅想播放一次则为:loop="false"

    方式三:

    <audio autoplay="" loop=""> <source src="http://mi.0w0.im/Letter_Song.mp3"></audio>
    

    这个不显示播放器。

    方式四:

    <bgsound src=背景音乐链接地址 loop=-1>
    
    <bgsound src="音乐保存的绝对路径" autostart=true loop=infinite> 
    

    说明:1、使用autostart=true,表示音乐在网页加载同时加载音乐,打开网页时音乐自动播放。

    方式五:

    <audio src="music/We Don't Talk Anymore.mp3" id="aud" autoplay="autoplay" controls="controls" preload="auto"></audio>
    

    说明:

    1、使用autoplay="autoplay",则背景音乐将在音网页打开后就自动马上播放。

    2、使用controls="controls",则为了在页面内显示显示控件,如播放按钮。

    3、使用"loop="loop",则是为了是背景音乐重复播放。

    4、使用preload="auto",则音频在页面加载的同时进行加载,并预备播放。

    5、使用src="",即是在""内加入背景音乐的保存路径,如:src="web网页制作\03.mp3"。

    注:若是想播放按钮隐藏,则使用以下语句:

        直接使用css 的display控制audio标签的显示:

    <style type="text/css">
         audio{
                 display: none;
             }
    </style>
    

    参考文章

    https://www.w3school.com.cn/html/html_audio.asp 

    展开全文
  • 但是一旦点击某个超级链接,进入网站中更深层次的网页时,在主页中设置背景音乐就会中断,直到返回到主页时,刚才中断的音乐才又从头开始。这样就破坏了主页背景音乐的连续性,让人感到不舒服。在制作主页时采用了...

    很多网友喜欢在主页中加上一段悦耳动听的背景音乐,确实给主页增辉不少,也给浏览者留下了深刻的印象。但是一旦点击某个超级链接,进入网站中更深层次的网页时,在主页中设置的背景音乐就会中断,直到返回到主页时,刚才中断的音乐才又从头开始。这样就破坏了主页背景音乐的连续性,让人感到不舒服。

    在制作主页时采用了主页分帧的方法来保持背景音乐的连续不断,效果很好,现介绍如下,供制作个人主页的朋友们参考:

    首先使用标签 〈frameset〉〈frame...〉〈frame...〉〈frameset〉 将主页 (index.html)屏幕分成上下两个帧,为了不破坏页面布局,将上帧的高度设为 0;然后,在主页上帧放置的超文本文件(back_music.htm)中设置网站的背景音乐,最好不要设置播放界面;最后,在主页的下帧放置网站主页的主要内容(main.htm)。

    这样一来,主页下帧的页面就成为主页实际的活动页面,上帧的页面在访问者的整个浏览过程中始终保持静止不动,设置的背景音乐也就不会中断了。

    根据以上的说明,笔者提供的一个简化的实例如下:

    主页文件 index.html:

    〈html〉

    〈head〉〈title〉连续不断的背景音乐〈/title〉〈/head〉

    〈frameset frameborder="0" rows="0,*"〉

    〈frame src="back_music.htm" scrolling="no" noresize frameborder="0"〉

    〈frame src="main.htm" frameborder="0"〉

    〈noframes〉

    〈body〉

    〈p〉please browse the web pages with browser that supperts frames. 〈/p〉

    〈/body〉

    〈/noframes〉

    〈/frameset〉

    〈/html〉

    上帧文件 back_music.htm(背景音乐为当前目录下的liang_zhu.mid,只播放一次):

    〈html〉

    〈head〉〈title〉〈/title〉〈/head〉

    〈body〉

    〈!-背景音乐:--〉

    〈embed src="./liang_zhu.mid" hidden="true" autostart="true" loop="0"〉

    〈/body〉

    〈/html〉

    由于目前流行的浏览器(如ie、netscape等)大都支持屏幕分帧技术,所以采用屏幕分帧技术来保持背景音乐的连续具有一般的通用性。本方法在ie系列和netscapecommunicator 4.03 等浏览器版本中均使用正常。

    当然,如果您制做的主页本来就采用了分帧技术,那就再好不过了,只要把设置背景音乐的语句放在静止的帧中,一切就都搞定了。

    展开全文
  • 网页背景音乐设置

    2020-05-20 06:32:31
    一、添加背景音乐时,一般会用到两种标签: 1、<bgsound> 2、<embed> 二、一般用法 : <bgsound src="音频源" autostart="true" loop="false" /> <embed src="音频源" ...
  •  一、学会添加音乐文件 为网页添加背景音乐的方法一般有两种,第一种是通过普通的<bgsound>标签来添加,另一种是通过<embed>标签来添加。  (一)使用<bgsound>标签 用Dreamweaver打开需要...
  • 网页背景音乐是个比较老旧的问题和技术了,上世纪90年代就是十分流行的了,给自己的网页加上一段背景音乐轻快而且于感染力,随着网页技术的发展,除了少部分音乐站点、个人博客、游戏站点外几乎很少有使用到网页背景...
  • 主要介绍了JS实现按钮添加背景音乐示例代码,需要的朋友可以参考下
  • 本文教大家如何在Dreamweaver里面添加一个音乐播放器,实现背景音乐效果的方法
  • 实现html页面背景音乐自动播放,右上角增加播放图标状态显示,支持暂停,使用最新微信JDK支持微信内打开自动播放功能
  • 最近帮朋友的朋友做了个计算机考试的作业,其中有一道题目是添加网页背景音乐,感觉挺实用的,在这告诉大家集中简单的添加网页背景音乐的方法。其实添加网页背景音乐的方法有很多,在此介绍两种利用现有的HTML代码...
  • CSS3网页背景音乐动画代码,满天星动漫网页背景,集成播放器。
  • 给HTML页面设置背景音乐

    万次阅读 2017-06-02 15:23:14
    下面是HTML代码 src 是音乐地址 loop为true 是循环播放 hidden是隐藏下面的播放器
  • 有时候网页通过多媒体可以传递比文字和图片更丰富的信息,正在成为网页越来越重要的元素,下面与大家分享有关dreamweaver 设置背景音乐的方法,感兴趣的朋友可以看看
  • 按钮控制网页背景音乐,可重复播放,可暂停,源码,兼容性好
  • 炫彩背景音乐网页模板下载_紫色 炫彩 音乐 整站.zip源码资源下载炫彩背景音乐网页模板下载_紫色 炫彩 音乐 整站.zip源码资源下载 1.学生做毕业设计用 2.程序员学习研究用 3.小公司换皮做新项目用
  • 前言 之前写的大都是偏向于长篇大论的技术文章,很多人看完心中毫无波澜,甚至还觉得有点浪费时间。...小姐姐写了一个网页,大概是这样的(我简化过的,意思到了就行) 小姐姐大都喜欢好看的事物,所
  • 或许是这个标签不常用、或者是用处不大,所以,大家也就没有特意去研究过背景音乐吧。(以前自学这个东西时,本人也是仅仅出于好奇,玩玩而已^_^) 废话少说,来点真格的…… (以下是原文,不仅仅是bgsound哦,还有...
  • 主要介绍了有关HTML5中背景音乐的自动播放功能的相关资料,需要的朋友可以参考下
  • 今天又网友让帮忙解决他的页面中的背景音乐的问题,如果用bgsound只有ie支持,其它firefox,chrome浏览器都不支持。这里给出了具体的解决方法。
  • Dreamweaver怎么添加背景音乐?想让网页打开就会有歌声出现,该怎么设置呢?今天我们就来看看给网页添加声音文件的详细方法,图文教程,需要的朋友可以参考下
  • 黄色渐变背景音乐乐器企业网页模板_黄色 渐变 音乐 乐器 企业 整站 漂亮.zip黄色渐变背景音乐乐器企业网页模板_黄色 渐变 音乐 乐器 企业 整站 漂亮.zip
  • 建议看了下面解决方法再看这个实例:用户反馈:视频加背景音乐预览效果有音乐, 输出了 没有任何音乐现在是一个网络飞速发展的时代,就拿我们经常使用的一些视频编辑小工具来说,每隔一段时间就会有版本的更新,每次...
  • 一个简单的表白小网页 点进去之后自动播放告白气球 背景是哆啦A梦 只有接受表白之后才会退出哦 表白网页背景音乐 表白网页背景音乐
  • 如何用Dw插入网页背景音乐的方法

    千次阅读 2021-06-10 17:04:39
    本文以mid格式文件和mp3格式文件为例,教你如何在网页中插入背景音乐。1、MID是用来插入背景音乐,但只适用于IE,其参数设定不多。如下:src="your.mid" :设定 midi 档案及路径,可以是相对或绝对。autostart=true :...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 22,166
精华内容 8,866
关键字:

如何设置网页的背景音乐