javascript - HTML Fade music on link -


i like, when navigating away page, execute fade of musical cue instead of cutting if off abruptly. okay me if fade adds half second time needed execute link.

i have following code execute fadeout of playing music cue.

<audio id="myaudio"   <source src="./audio/pluto.mp3" type="audio/mp3">   browser not support audio element. </audio>

and

<script>   function fadeaudio()   {     if (myaudio.volume > 0)      {         myaudio.volume = math.max(0, myaudio.volume - 0.05);         settimeout(fadeaudio, 20);     }   } </script>

i tested code button, , works fine (sometimes there bit of zippering, prefer abrupt cutoff).

<button onclick="fadeaudio()">try it</button>

my problem don't know how call , execute fade before navigating away. looking @ html's onbeforeunload, seems geared entirely printing warning prompt, no way insert intervening fadeaudio() function.

simply doing following accomplished nothing:

<body onbeforeunload="fadeaudio()">

and didn't work onunload either.

i thinking approach rewrite links on page run fadeaudio() function first. (it's more important me transitions between pages sound nice if user decides close or go elsewhere.) perhaps can done via making button , calling fadeaudio , linking function in sequence. seems there might neater way. suggestions?

here found kind of works: (1) in link, 1 can call function (2) in function, first call fadeaudio() function, call settimeout() function 1000 ms time allotted allow fadeaudio() complete (3) settimeout calls window.open() method of target link.

i'm going tweaking various timings see how far can tighten without adding zippering. make things little sluggish going location location on site though.

wouldn't nice if there way sound fade out in own thread while new page appears. if there way, love know it.

in script tag:

  function linktohome()   {       fadeaudio();       settimeout(openhome, 1000);    }    function openhome()   {     window.open('index.htm','_self');   }

the url call in html:

  <a href="javascript:linktohome()">home</a>

will try figure out way paramaterize above allow method or tag include target url.


-

Comments

Post a Comment

Popular posts from this blog

OpenCV OpenCL: Convert Mat to Bitmap in JNI Layer for Android -

there several posts converting mat bitmap using utils.mattobitmap() function. i'm assuming function can called in java layer after importing utils class. i want transfer data memory address pointed uint32_t* bmpcontent; in code below. jniexport void jnicall java_com_nod_nodcv_nodcvactivity_runfilter( jnienv *env, jclass clazz, jobject outbmp, jbytearray indata, jint width, jint height, jint choice, jint filter) { int outsz = width*height; int insz = outsz + outsz/2; androidbitmapinfo bmpinfo; if (androidbitmap_getinfo(env, outbmp, &bmpinfo) < 0) { throwjavaexception(env,"gaussianblur","error retrieving bitmap meta data"); return; } if (bmpinfo.format != android_bitmap_format_rgba_8888) { throwjavaexception(env,"gaussianblur","expecting rgba_8888 format"); return; } uint32_t* bmpcontent; if (androidbitmap_lockpixels(env, outbmp,(void**)&bmpcontent)...
Read more

android - org.xmlpull.v1.XmlPullParserException: expected: START_TAG {http://schemas.xmlsoap.org/soap/envelope/}Envelope -

i trying hit soap api in application login purpose , getting above mentioned error , can 1 tell me going wrong , first time soap apis. here code hit soap :- vector<object> args = new vector<object>(); hashtable<string, object> hashtable = new hashtable<string, object>(); hashtable.put("email", "mss.siddhart28@gmail.com"); hashtable.put("password", "siddharth"); args.add(hashtable); soapserializationenvelope envelope = new soapserializationenvelope( soapenvelope.ver11); envelope.dotnet = true; envelope.xsd = soapserializationenvelope.xsd; envelope.enc = soapserializationenvelope.enc; (new marshalhashtable()).register(envelope); httptransportse androidhttptransport = new httptransportse( "http://tempuri.org/", 15000); androidhttptransport.debug = true; string result = ""; try { soapobject request = new soapobject("http:...
Read more

python - How to remove the Xframe Options header in django? -

i have made page has iframe . inside iframe want show multiple different links article facebook, or news, or youtube video or other possible url. but, due xframe header, unable so. referred following link: https://docs.djangoproject.com/en/1.8/ref/clickjacking/ , django xframeoptionsmiddleware (x-frame-options) - allow iframe client ip but didn't help. my settings.py file's middleware_classes is: middleware_classes = ( 'django.contrib.sessions.middleware.sessionmiddleware', 'django.middleware.common.commonmiddleware', 'django.middleware.csrf.csrfviewmiddleware', 'django.contrib.auth.middleware.authenticationmiddleware', 'django.contrib.auth.middleware.sessionauthenticationmiddleware', 'django.contrib.messages.middleware.messagemiddleware', 'django.middleware.clickjacking.xframeoptionsmiddleware', ) from http://django-secure.readthedocs.org/en/latest/middleware.html , found using ...
Read more