In addition to the graphics, HTML can also play music and videos. The music format that can be played with a browser is: MIDI music, WAV music, AU format. In addition, in various music formats downloaded by the network, MP3 is the most compressed rate, the best sound quality.
Oncast music
Make music into a link, just click on the mouse to click on it, you can hear the moving music, this way is simple:
music name
For example: Playing a paragraph MIDI music:
Midi Music MIDI Music
Play a paragraph Au format music:
You - Abu Music in the same table - Abu music at the same table
Collect the music we like, make a music library, you can make yourself with others in the ocean of music, you have already met a lot, and you can try it!
Automatically load music
In front, we are using the link to implement the function of playing music online, we can also allow music to load, you can make it control panel or as background music. Basic syntax:
Attributes are:
SRC = "filename" sets the path of music file AutoStart = true / false Automatic playback Represents 6 times, True means unlimited playback, FALSE will stop once. Startime = "分: second" Set the start play time of the song, such as 20 seconds, playing STARTIME = 00: 20Volume = 0-100 Set the size of the volume. If you are not set, use the volume of the system. Width Height Sets the size of the control panel Hidden = true Hide Control Panel Controls = Console / SmallConsole Set the Control Panel
example:*************************************
Playing music </ title> </ head></p>
<p><body> <Embed src = "midi.mid" autostart = true hidden = true loop = true></p>
<p>Play as a background music. </ body> </ html></p>
<p>example:*************************************</p>
<p><html> <head> <title> Playing music </ title> </ head></p>
<p><body> <embed src = "midi.mid" loop = true width = 145 height = 60></p>
<p><P> The control panel appears, you can control its opening and closing, you can also adjust the size of the volume. </ P> </ body> </ html></p>
<p>Background music in IE</p>
<p>In addition, there is an insertion background music format, but you can only hear it in the IE browser. <BGSOUND SRC = "Music File Address" Loop = #></p>
<p># = Number of cycles</p>
<p>Example: <bgsound src = "Sound.wav" loop = 3></p></div><div class="text-center mt-3 text-grey">
转载请注明原文地址:https://www.9cbs.com/read-98542.html</div><div class="plugin d-flex justify-content-center mt-3"></div><hr><div class="row"><div class="col-lg-12 text-muted mt-2"><i class="icon-tags mr-2"></i><span class="badge border border-secondary mr-2"><h2 class="h6 mb-0 small"><a class="text-secondary" href="tag-2.html">9cbs</a></h2></span></div></div></div></div><div class="card card-postlist border-white shadow"><div class="card-body"><div class="card-title"><div class="d-flex justify-content-between"><div><b>New Post</b>(<span class="posts">0</span>)
</div><div></div></div></div><ul class="postlist list-unstyled">
</ul></div></div><div class="d-none threadlist"><input type="checkbox" name="modtid" value="98542" checked /></div></div></div></div></div><footer class="text-muted small bg-dark py-4 mt-3" id="footer"><div class="container"><div class="row"><div class="col">CopyRight © 2020 All Rights Reserved
</div><div class="col text-right">Processed:
<b>0.037</b>, SQL:
<b>9</b></div></div></div></footer><script src="./lang/en-us/lang.js?2.2.0"></script><script src="view/js/jquery.min.js?2.2.0"></script><script src="view/js/popper.min.js?2.2.0"></script><script src="view/js/bootstrap.min.js?2.2.0"></script><script src="view/js/xiuno.js?2.2.0"></script><script src="view/js/bootstrap-plugin.js?2.2.0"></script><script src="view/js/async.min.js?2.2.0"></script><script src="view/js/form.js?2.2.0"></script><script>
var debug = DEBUG = 0;
var url_rewrite_on = 1;
var url_path = './';
var forumarr = {"1":"Tech"};
var fid = 1;
var uid = 0;
var gid = 0;
xn.options.water_image_url = 'view/img/water-small.png';
</script><script src="view/js/wellcms.js?2.2.0"></script><a class="scroll-to-top rounded" href="javascript:void(0);"><i class="icon-angle-up"></i></a><a class="scroll-to-bottom rounded" href="javascript:void(0);" style="display: inline;"><i class="icon-angle-down"></i></a></body></html><script>
var forum_url = 'list-1.html';
var safe_token = 'oeK_2Br8nmvtujlaVZnkkfaADmgS7iDd_2BOpEZkx7U_2BYmJq1BsgX0g02hFsbEfaM6ciTWNjfvNdzYVCXtDpOqRpRA_3D_3D';
var body = $('body');
body.on('submit', '#form', function() {
var jthis = $(this);
var jsubmit = jthis.find('#submit');
jthis.reset();
jsubmit.button('loading');
var postdata = jthis.serializeObject();
$.xpost(jthis.attr('action'), postdata, function(code, message) {
if(code == 0) {
location.reload();
} else {
$.alert(message);
jsubmit.button('reset');
}
});
return false;
});
function resize_image() {
var jmessagelist = $('div.message');
var first_width = jmessagelist.width();
jmessagelist.each(function() {
var jdiv = $(this);
var maxwidth = jdiv.attr('isfirst') ? first_width : jdiv.width();
var jmessage_width = Math.min(jdiv.width(), maxwidth);
jdiv.find('img, embed, iframe, video').each(function() {
var jimg = $(this);
var img_width = this.org_width;
var img_height = this.org_height;
if(!img_width) {
var img_width = jimg.attr('width');
var img_height = jimg.attr('height');
this.org_width = img_width;
this.org_height = img_height;
}
if(img_width > jmessage_width) {
if(this.tagName == 'IMG') {
jimg.width(jmessage_width);
jimg.css('height', 'auto');
jimg.css('cursor', 'pointer');
jimg.on('click', function() {
});
} else {
jimg.width(jmessage_width);
var height = (img_height / img_width) * jimg.width();
jimg.height(height);
}
}
});
});
}
function resize_table() {
$('div.message').each(function() {
var jdiv = $(this);
jdiv.find('table').addClass('table').wrap('<div class="table-responsive"></div>');
});
}
$(function() {
resize_image();
resize_table();
$(window).on('resize', resize_image);
});
var jmessage = $('#message');
jmessage.on('focus', function() {if(jmessage.t) { clearTimeout(jmessage.t); jmessage.t = null; } jmessage.css('height', '6rem'); });
jmessage.on('blur', function() {jmessage.t = setTimeout(function() { jmessage.css('height', '2.5rem');}, 1000); });
$('#nav li[data-active="fid-1"]').addClass('active');
</script>
