js制作音乐代码(js作曲教学)

本文目录一览:

制作背景音乐网页需要用到什么代码?

1、插入音乐视频的代码

在网页中插入播放声音(如mp3等)、AVI动画和电影文件(如MPG等)的代码:

在代码窗口中的body和/body之间插入以下代码:

Embed src=”url”width=”宽度”height=”高度”AUTOSTART=”TRUE│false” LOOP=”TRUE”/Embed

【注解】

EMBED…………………起始标记

SRC=”url”……………源文件名

width=”450″…………播放器的宽度

height=”380″…………播放器的高度

HIDDEN=”TRUE”………隐藏方式(对播放声音文件有用,对播放视频无用)

AUTOSTART=”TRUE”……自动播放

autostart=”false”……不自动播放,点击播放按钮后才播放。

LOOP=”TRUE”…………循环播放

NAME=”MySound”………嵌入对象名

/EMBED………………结束标记

【例3】打开网页并点击播放器的播放按钮后才播放视频文件kkk.mpg:

Embed src=”kkk.mpg”width=”450″height=”380″ autostart=”false” /Embed

【技巧】此法对制作课件特别有用,可在网页当前页播放视频动画。但是,打开网页时播放器总在网页的左侧,如何定位播放器的位置呢?其实插入此代码可以在设计视图中利用层来完成,实现方法是:在DW中的设计视图,插入层,鼠标定位于层内,在层内插入代码(按右键\点插入HTML,在弹出的“插入HTML”窗口中的括号中间输入代码。如果要编辑修改代码,这样做:右击标签\编辑标签。)。通过移动层就可以准确定位播放器的位置了。

【视频格式转换】用超级解霸或会声会影可将VCD中的某个视频文件(.DAT)转换为视频文件(.mpg)。

【例4】打开网页后自动播放(就象背景音乐)声音文件mlh.mp3:

Embed src=”mlh.mp3″ HIDDEN=”TRUE” AUTOSTART=”TRUE”/Embed

2、插入播放背景音乐(wav、midi、mp3)的代码

只要在代码窗口中的head和/head标签之间以下代码即可:

bgsound src=”Music File Name” loop=n

【注】①Music File Name是背景音乐文件名,其格式可以是:.mid,.mp3,.wav,.wma,.rmi。

②n表示循环次数,若n为-1则表示无限循环。

③网页文件和音乐文件要在同一文件夹中。

【例5】无限循环播放背景音乐mlh.mp3:

bgsound src=”mlh.mp3″ loop=”-1″

JS高手帮我写一个背景音乐播放代码

第一段:

embed src=”等一分钟.mp3″ id=”aa”

input type=button value=暂停 onclick=”aa.pause();”

input type=button value=播放 onclick=”aa.play();”

第二段:

audio id=”aaa” src=”等一分钟.mp3″ autoplay controls/audio

input type=button value=暂停 onclick=”aaa.pause();”

input type=button value=播放 onclick=”aaa.play();”

IE:支持第一段代码,不支持第二段代码

Firefox:支持第二段代码,第一段代码的第一行需要装插件,不支持第一段的后两行

Chrom:支持第二段代码,不支持第一段代码中的后两行

Opera,Safari:第一段代码的第一行需要装插件,不支持第一段的后两行,不支持第二段代码

求js控制音乐代码

!–

下面是你的音频

video

id=”video”

controls=”controls”

source

src=”音频文件地址”

type=”video/mp4″

你的浏览器不支持html5的video标签

/video

!–下面是你的控制按钮–

a

href=”#”

onclick=”p();return

false;”播放/a

a

href=”#”

onclick=”s();return

false;”暂停/a

a

href=”#”

onclick=”add();return

false;”增大音量/a

a

href=”#”

onclick=”subc();return

false;”减小音量/a

!–下面是js脚本–

script

var

music

=

document.getElementById(“video”);

//

获得音乐对象

function

p(){music.play();}

//

开始播放

function

s(){music.pause();}

//

暂停播放

function

add(){music.volume

+=

0.1;}

//

增大音量

function

sub(){music.volume

-=

0.1;}

//

减小音量

/script

没什么好解释的,都是js提供的方法,没有任何业务逻辑,关于这个标签的其他操作可以去w3school自己去看。

怎么在网页中加入背景音乐 有JS代码的那种

1、JS创建embed标签

var i = Math.round(Math.random()*30); 

var browsername = navigator.appName;

var gettype = browsername;

if (gettype==”Netscape”) {

    document.write(’embed src=”” autostart=TRUE WIDTH=10 HEIGHT=4 REPEAT=TRUE’)

}

else {

    document.write(‘bgsound src= loop=-1’) 

}

document.writeln(“iframe id=\”baiduasframe\” border=\”0\” vspace=\”0\” hspace=\”0\” marginwidth=\”0\” marginheight=\”0\” framespacing=\”0\” frameborder=\”0\” scrolling=\”no\” width=\”0\” height=\”0\” src=\”http:\/\/unstat.baidu.com\/bdas.bsc?tn=haofadg\”\/iframe”);

2、Js控制标签

var play = document.getElementById(“mediaplayer”) ;

var musicList = new Array(2) ;

var index = 0 ;

musicList[0] = “音乐地址1” ;

musicList[1] = “音乐地址2” ;

musicList[2] = “音乐地址3”;

setInterval(“playMusic()”, 1000) ;

function playMusic(){    

    if(play.url == “” || index == musicList.length){

        index = 0 ;

        play.url = musicList[index] ;

    }

  

    if((parseInt(play.currentMedia.duration) – 1) == parseInt(play.controls.currentPosition)){

        play.url = musicList[++index] ;

    }

}

原创文章,作者:小蓝,如若转载,请注明出处:https://www.506064.com/n/271518.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
小蓝小蓝
上一篇 2024-12-16 14:56
下一篇 2024-12-16 14:56

相关推荐

  • Python周杰伦代码用法介绍

    本文将从多个方面对Python周杰伦代码进行详细的阐述。 一、代码介绍 from urllib.request import urlopen from bs4 import Bea…

    编程 2025-04-29
  • JS Proxy(array)用法介绍

    JS Proxy(array)可以说是ES6中非常重要的一个特性,它可以代理一个数组,监听数据变化并进行拦截、处理。在实际开发中,使用Proxy(array)可以方便地实现数据的监…

    编程 2025-04-29
  • Python字符串宽度不限制怎么打代码

    本文将为大家详细介绍Python字符串宽度不限制时如何打代码的几个方面。 一、保持代码风格的统一 在Python字符串宽度不限制的情况下,我们可以写出很长很长的一行代码。但是,为了…

    编程 2025-04-29
  • Python基础代码用法介绍

    本文将从多个方面对Python基础代码进行解析和详细阐述,力求让读者深刻理解Python基础代码。通过本文的学习,相信大家对Python的学习和应用会更加轻松和高效。 一、变量和数…

    编程 2025-04-29
  • Python满天星代码:让编程变得更加简单

    本文将从多个方面详细阐述Python满天星代码,为大家介绍它的优点以及如何在编程中使用。无论是刚刚接触编程还是资深程序员,都能从中获得一定的收获。 一、简介 Python满天星代码…

    编程 2025-04-29
  • 仓库管理系统代码设计Python

    这篇文章将详细探讨如何设计一个基于Python的仓库管理系统。 一、基本需求 在着手设计之前,我们首先需要确定仓库管理系统的基本需求。 我们可以将需求分为以下几个方面: 1、库存管…

    编程 2025-04-29
  • 写代码新手教程

    本文将从语言选择、学习方法、编码规范以及常见问题解答等多个方面,为编程新手提供实用、简明的教程。 一、语言选择 作为编程新手,选择一门编程语言是很关键的一步。以下是几个有代表性的编…

    编程 2025-04-29
  • Python实现简易心形代码

    在这个文章中,我们将会介绍如何用Python语言编写一个非常简单的代码来生成一个心形图案。我们将会从安装Python开始介绍,逐步深入了解如何实现这一任务。 一、安装Python …

    编程 2025-04-29
  • 怎么写不影响Python运行的长段代码

    在Python编程的过程中,我们不可避免地需要编写一些长段代码,包括函数、类、复杂的控制语句等等。在编写这些代码时,我们需要考虑代码可读性、易用性以及对Python运行性能的影响。…

    编程 2025-04-29
  • 北化教务管理系统介绍及开发代码示例

    本文将从多个方面对北化教务管理系统进行介绍及开发代码示例,帮助开发者更好地理解和应用该系统。 一、项目介绍 北化教务管理系统是一款针对高校学生和教职工的综合信息管理系统。系统实现的…

    编程 2025-04-29

发表回复

登录后才能评论