JavaScript compiles an audio player in the homepage

xiaoxiao2021-03-06  48

Although Netscape and IE support playback of audio files, it still encounters such a problem during the production process: If you play with hidden methods, the user without sound card is wrong, affecting the overall effect of the home page. The audio player that is easy to control the user control and gives the page into a good way. The method of self-editing the audio player with JavaScript is described in detail below. 1. Netscape audio player 1) Open NetScape support. MID, .mid, .mid, .mid, .mid, .mid, .mid, you can open the above file directly in your browser, open the player window as shown below and automatically play once , Continue playing with the "Play" button. 2) Program calls In the homepage file you can embed the following audio console to implement the automatic loop playback of the audio file in the hidden mode: 2. JavaScript audio support function via JavaScript audio support function, You can control any an audio console embedded in the home page. JavaScript provides the following support functions: play ({loop [true, false}) // Play PAUSE () // Pause STOP () // Stop Play Current File Stopall () // Stop playing all files Start-time ({NumberofSeconds}) // From the first second end end-time ({Numberofseconds}) // to the first second end set set setvol ({Percentagenumber-without "%" SIGN}) // Volume Percentage Control Fade-to ({VolumePercenewishtofadeto-toutthe "%" SIGN}) // Reduce the volume to fade-from-to ({volumepercentstostFade} // cut from a certain amount of volume to a volume value Start -At-beginning () // Start STOP-AT-End () // from the file header Stop-at-end () // The following four is the status test function isready () // Prepare status test isplaying () // Play Status Test ISPAUSED ( ) // Pause Status Test GetVolume () // Get Current Volume Value 3. Application Example The following is an example of all five elements of Netscape audio players. Considering that some users have no sound cards, there is no automatic playback in this example. The reader can add each element and test function to the graphical button according to its own preferences.

The list is as follows: audio player </ title> <scriptlanguage = javascript> <! - Writer: Yuhaihe FunctionPlaySound () {Document.FirstSound.Play (TRUE);} FunctionPauseSound () document.firstSound.pause ();} functionstopSound () {document.firstSound.stop ();} functionvolup () {currentVolume = document.firstSound.GetVolume (); newVolume = (currentVolume 10); if (document.firstSound.GetVolume ( ) == 100) {alert ("volume has reached maximum");} if (newvolume <101) {document.firstsound.setVol (newvolume);} else {ix ((newvolume <= 100) && (newvolume> 90 )) {document.firstSound.setvol (100);}}} functionvoldown () {currentVolume = document.firstSound.GetVolume (); newvolume = (currentVolume-10); if (document.firstSound.GetVolume () == 0) {Alert ("Volume has reached minimum");} if (newvolume> 0) {document.firstsound.setVol (newvolume);} else {if ((NewVolume> = 0) && (newvolume <10)) {document. FirstSound.Setvol (0);}}} // endofjavascriptcode -> < / Script> </ head> <body> <Embed src = "jn.mid" hidden = true autostart = "false" loop = "true" name = "firstsound" mastersound> <p> <ahref = "JavaScript: Playsound ) "> Play </ a> </ p> <p> <ahref ="> Pause </ a> </ p> <p> <ahref = "JavaScript: stopsound ()> Stop </ A> </ p> <p> <ahref = "JavaScript: Volup ()> Volume <AHREF =" JavaScript: Voldown () "> Volume - </ A> </ p> </ body> </ html> (l)</p></div><div class="text-center mt-3 text-grey"> 转载请注明原文地址:https://www.9cbs.com/read-109956.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="109956" 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 = 'pclBRxb0GFws6XNjV82ZPztdq9a2QOQyVAOM3pPtAcgJjXEMfuC6dYLvXSn3yDtJuqdc89ODPiYv5IOzOYQYYg_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>