Search completed in 1.21 seconds.
HTMLIFrameElement.getVolume()
the get
volume() method of the htmliframeelement gets the current
volume of the browser <iframe>.
... syntax there are two versions of this method, a callback version: var request = instanceofhtmliframeelement.get
volume(); and a promise version: instanceofhtmliframeelement.get
volume().then(function(
volume) { ...
... }); returns callback version: a domrequest that represents the get
volume request.
...And 3 more matches
Bounding volume collision detection with THREE.js - Game development
using box3 and sphere three.js has objects that represent mathematical
volumes and shapes — for 3d aabb and bounding spheres we can use the box3 and sphere objects.
... once instantiated, they have methods available to do intersection tests against other
volumes.
...this helper takes a mesh and calculates a bounding box
volume for it (including its child meshes).
...And 2 more matches
MediaTrackControls.volume - Web APIs
the mediatrackconstraints dictionary's
volume property is a constraindouble describing the requested or mandatory constraints placed upon the value of the
volume constrainable property.
... if needed, you can determine whether or not this constraint is supported by checking the value of mediatracksupportedconstraints.
volume as returned by a call to mediadevices.getsupportedconstraints().
... syntax var constraintsobject = {
volume: constraint }; constraintsobject.
volume = constraint; value a constraindouble describing the acceptable or required value(s) for an audio track's
volume, on a linear scale where 0.0 means silence and 1.0 is the highest supported
volume.
...And 2 more matches
HTMLIFrameElement.setVolume()
the set
volume() method of the htmliframeelement sets the current
volume of the browser <iframe>.
... syntax instanceofhtmliframeelement.set
volume(number); returns void.
... parameters number a floating point number representing the
volume you want to set — this can have a value between 0 and 1.
... example var browser = document.queryselector('iframe'); browser.set
volume(0.5); specification not part of any specification.
HTMLMediaElement.volume - Web APIs
the htmlmediaelement.
volume property sets the
volume at which the media will be played.
... syntax var
volume = video.
volume; //1 value a double values must fall between 0 and 1, where 0 is effectively muted and 1 is the loudest possible value.
... example var obj = document.createelement('audio'); console.log(obj.
volume); // 1 obj.
volume = 0.75; specifications specification status comment html living standardthe definition of 'htmlmediaelement.
volume' in that specification.
... living standard html5the definition of 'htmlmediaelement.
volume' in that specification.
HTMLMediaElement: volumechange event - Web APIs
the
volumechange event is fired when the
volume has changed.
... bubbles no cancelable no interface event target element default action none event handler property globaleventhandlers.on
volumechange specification html5 media examples these examples add an event listener for the htmlmediaelement's
volumechange event, then post a message when that event handler has reacted to the event firing.
... using addeventlistener(): const video = document.queryselector('video'); video.addeventlistener('
volumechange', (event) => { console.log('the
volume changed.'); }); using the on
volumechange event handler property: const video = document.queryselector('video'); video.on
volumechange = (event) => { console.log('the
volume changed.'); }; specifications specification status html living standardthe definition of '
volumechange media event' in that specification.
... living standard html5the definition of '
volumechange media event' in that specification.
MediaTrackSettings.volume - Web APIs
the mediatracksettings dictionary's
volume property is a double-precision floating-point number indicating the
volume of the mediastreamtrack as currently configured, as a value from 0.0 (silence) to 1.0 (maximum supported
volume for the device).
... this lets you determine what value was selected to comply with your specified constraints for this property's value as described in the mediatrackconstraints.
volume property you provided when calling either getusermedia() or mediastreamtrack.applyconstraints().
... if needed, you can determine whether or not this constraint is supported by checking the value of mediatracksupportedconstraints.
volume as returned by a call to mediadevices.getsupportedconstraints().
... syntax var
volume = mediatracksettings.
volume; value a double-precision floating-point number indicating the
volume, from 0.0 to 1.0, of the audio track as currently configured.
MediaTrackSupportedConstraints.volume - Web APIs
the mediatracksupportedconstraints dictionary's
volume property is a read-only boolean value which is present (and set to true) in the object returned by mediadevices.getsupportedconstraints() if and only if the user agent supports the
volume constraint.
... syntax
volumeconstraintsupported = supportedconstraintsdictionary.
volume; value this property is present in the dictionary (and its value is always true) if the user agent supports the
volume constraint.
... example html content <div id="result"> </div> css content #result { font: 14px "arial", sans-serif; } javascript content let result = document.getelementbyid("result"); if (navigator.mediadevices.getsupportedconstraints().
volume) { result.innerhtml = "supported!"; } else { result.innerhtml = "not supported!"; } result ...
SpeechSynthesisUtterance.volume - Web APIs
the
volume property of the speechsynthesisutterance interface gets and sets the
volume that the utterance will be spoken at.
... syntax var my
volume = speechsynthesisutteranceinstance.
volume; speechsynthesisutteranceinstance.
volume = 0.5; value a float that represents the
volume value, between 0 (lowest) and 1 (highest.) if ssml is used, this value will be overridden by prosody tags in the markup.
... inputform.onsubmit = function(event) { event.preventdefault(); var utterthis = new speechsynthesisutterance(inputtxt.value); var selectedoption = voiceselect.selectedoptions[0].getattribute('data-name'); for(i = 0; i < voices.length ; i++) { if(voices[i].name === selectedoption) { utterthis.voice = voices[i]; } } utterthis.
volume = 0.5; synth.speak(utterthis); inputtxt.blur(); } specifications specification status comment web speech apithe definition of '
volume' in that specification.
Index - Web APIs
237 baseaudiocontext.createdynamicscompressor() api, audiocontext, baseaudiocontext, method, reference, web audio api, createdynamicscompressor compression lowers the
volume of the loudest parts of the signal and raises the
volume of the softest parts.
... 238 baseaudiocontext.creategain() api, audio, audiocontext, baseaudiocontext, method, reference,
volume control, web audio api, creategain, sound a gainnode which takes as input one or more audio sources and outputs audio whose
volume has been adjusted in gain (
volume) to a level specified by the node's gainnode.gain a-rate parameter.
... 1057 dynamicscompressornode() audio, constructor, dynamicscompressornode, media, web audio api the dynamicscompressornode() constructor creates a new dynamicscompressornode object which provides a compression effect, which lowers the
volume of the loudest parts of the signal 1058 dynamicscompressornode.attack api, attack, dynamicscompressornode, property, reference, web audio api an audioparam.
...And 14 more matches
Controlling multiple parameters with ConstantSourceNode - Web APIs
for example, perhaps you have a set of oscillators, and two of them need to share the same, configurable
volume, or you have a filter that's been applied to certain inputs but not to all of them.
...the other oscillator has a fixed
volume.
... html the html content for this example is primarily a button to toggle the oscillator tones on and off and an <input> element of type range to control the
volume of two of the three oscillators.
...And 11 more matches
Example and tutorial: Simple synth keyboard - Web APIs
the keyboard allows you to switch among the standard waveforms as well as one custom waveform, and you can control the master gain using a
volume slider beneath the keyboard.
...for now, we will have two controls: one to set the master
volume and another to select what periodic waveform to use when generating notes.
... the
volume control first we create the <div> to contain the settings bar, so it can be styled as needed.
...And 11 more matches
nsIFile
diskspaceavailable print64 the number of bytes available to non-superuser on the disk
volume containing the nsifile.
... the parent will be null when this nsifile references the top of the
volume.
...there are problems that affect platforms on which a path does not fully specify a file because two
volumes can have the same name (for example mac).
...And 10 more matches
Using the Web Audio API - Web APIs
we'll briefly look at some concepts, then study a simple boombox example that allows us to load an audio track, play and pause it, and change its
volume and stereo panning.
... example code our boombox looks like this: note the retro cassette deck with a play button, and vol and pan sliders to allow you to alter the
volume and stereo panning.
...depending on the use case, there's a myriad of options, but we'll provide functionality to play/pause the sound, alter the track's
volume, and pan it from left to right.
...And 8 more matches
Key Values - Web APIs
appcommand_treble_up "audio
volumedown" [1] decreases the audio
volume.
... vk_
volume_down (0xae) appcommand_
volume_down kvk_
volumedown (0x49) gdk_key_audiolower
volume (0x1008ff11) qt::key_
volumedown (0x01000070) keycode_
volume_down (25) "audio
volumemute" [1] mutes the audio.
... vk_
volume_mute (0xad) appcommand_
volume_mute kvk_mute (0x4a) gdk_key_audiomute (0x1008ff12) qt::key_
volumemute (0x01000071) keycode_
volume_mute (164) "audio
volumeup" [1] increases the audio
volume.
...And 7 more matches
PannerNode - Web APIs
pannernode.coneinnerangle is a double value describing the angle, in degrees, of a cone inside of which there will be no
volume reduction.
... pannernode.coneouterangle a double value describing the angle, in degrees, of a cone outside of which the
volume will be reduced by a constant value, defined by the coneoutergain attribute.
... pannernode.coneoutergain a double value describing the amount of
volume reduction outside the cone defined by the coneouterangle attribute.
...And 5 more matches
Audio for Web games - Game development
note: playing part of your file at zero
volume could also work if the browser allows you to change
volume (see below).
...
volume programmatic
volume control may be disabled in mobile browsers.
... the reason often given is that the user should be in control of the
volume at the os level and this shouldn't be overridden.
...And 3 more matches
Introduction to web APIs - Learn web development
for example, the web audio api provides javascript constructs for manipulating audio in the browser — taking an audio track, altering its
volume, applying effects to it, etc.
...if you look at our simple web audio example (see it live also), you'll first see the following html: <audio src="outfoxing.mp3"></audio> <button class="paused">play</button> <br> <input type="range" min="0" max="1" step="0.01" value="1" class="
volume"> we, first of all, include an <audio> element with which we embed an mp3 into the page.
...next, we include a <button> that we'll use to play and stop the music, and an <input> element of type range, which we'll use to adjust the
volume of the track while it's playing.
...And 3 more matches
Web audio spatialization basics - Web APIs
const pannermodel = 'hrtf'; the coneinnerangle and coneouterangle properties specify where the
volume emanates from.
...the inner cone is where gain (
volume) is always emulated at a maximum and the outer cone is where the gain starts to drop away.
...these are different algorithms, which are used to reduce the
volume of the audio source as it moves away from the listener.
...And 3 more matches
KeyboardEvent: code values - Web APIs
0xe018 "unidentified" "copy" 0xe019 "mediatracknext" "mediatracknext" 0xe01a, 0xe01b "unidentified" "" 0xe01c "numpadenter" "numpadenter" 0xe01d "controlright" "controlright" 0xe01e "unidentified" "launchmail" 0xe01f "unidentified" "" 0xe020 "audio
volumemute" "audio
volumemute" 0xe021 "launchapp2" "" 0xe022 "mediaplaypause" "mediaplaypause" 0xe023 "unidentified" "" 0xe024 "mediastop" "mediastop" 0xe025 ~ 0xe02b "unidentified" "" 0xe02c "unidentified" "eject" 0xe02d "unidentified" "" 0xe02e ...
... "audio
volumedown" "
volumedown" (was "
volumedown" until chrome 50) 0xe02f "unidentified" "" 0xe030 "audio
volumeup" "
volumeup" (was "
volumeup" until chrome 50) 0xe031 "unidentified" "" 0xe032 "browserhome" "browserhome" 0xe033, 0xe034 "unidentified" "" 0xe035 "numpaddivide" "numpaddivide" 0xe036 "unidentified" "" 0xe037 "printscreen" "printscreen" 0xe038 "altright" "altright" 0xe039, 0xe03a "unidentified" "" 0xe03b "unidentified" "help" 0xe03c~ 0xe044 "unidentified" "" 0xe045 "numlock" "numlock" 0xe046 (ctrl + paus...
...no events fired actually) "" (no events fired actually) kvk_f17 (0x40) "f17" "f17" kvk_ansi_keypaddecimal (0x41) "numpaddecimal" "numpaddecimal" kvk_ansi_keypadmultiply (0x43) "numpadmultiply" "numpadmultiply" kvk_ansi_keypadplus (0x45) "numpadadd" "numpadadd" kvk_ansi_keypadclear (0x47) "numlock" "numlock" kvk_
volumeup (0x48) "audio
volumeup" (was "
volumeup" until firefox 48) "audio
volumeup" (was "
volumeup" until chrome 50) kvk_
volumedown (0x49) "audio
volumedown" (was "
volumedown" until firefox 49) "audio
volumedown" (was "
volumedown" until chrome 50) kvk_mute (0x4a) "audio
volumemute" (was "
volumemute" until firefox 49) "audio
volumemute" (was "
volumemute" until chrome 50) ...
...And 2 more matches
PannerNode.coneInnerAngle - Web APIs
the coneinnerangle property of the pannernode interface is a double value describing the angle, in degrees, of a cone inside of which there will be no
volume reduction.
... example in this example, we'll demonstrate how changing the orientation parameters of a pannernode in combination with coneinnerangle and coneouterangle affects
volume.
... can create our audiocontext, an oscillator and a pannernode: const context = new audiocontext(); const osc = new oscillatornode(context); osc.type = 'sawtooth'; const panner = new pannernode(context); panner.panningmodel = 'hrtf'; next, we set up the cone of our spatialised sound, determining the area in which it can be heard: // this value determines the size of the area in which the sound
volume is constant // if coneinnerangle == 30, it means that when the sound is rotated // by at most 15 (30/2) degrees either direction, the
volume won't change panner.coneinnerangle = 30; // this value determines the size of the area in which the sound
volume decreases gradually // if coneouterangle == 45 and coneinnerangle == 30, it means that when the sound is rotated // by between 15 (30/2) and 22.5...
...And 2 more matches
PannerNode.coneOuterAngle - Web APIs
the coneouterangle property of the pannernode interface is a double value describing the angle, in degrees, of a cone outside of which the
volume will be reduced by a constant value, defined by the coneoutergain property.
... example in this example, we'll demonstrate how changing the orientation parameters of a pannernode in combination with coneinnerangle and coneouterangle affects
volume.
... can create our audiocontext, an oscillator and a pannernode: const context = new audiocontext(); const osc = new oscillatornode(context); osc.type = 'sawtooth'; const panner = new pannernode(context); panner.panningmodel = 'hrtf'; next, we set up the cone of our spatialised sound, determining the area in which it can be heard: // this value determines the size of the area in which the sound
volume is constant // if coneinnerangle == 30, it means that when the sound is rotated // by at most 15 (30/2) degrees either direction, the
volume won't change panner.coneinnerangle = 30; // this value determines the size of the area in which the sound
volume decreases gradually // if coneouterangle == 45 and coneinnerangle == 30, it means that when the sound is rotated // by between 15 (30/2) and 22.5...
...And 2 more matches
PannerNode.coneOuterGain - Web APIs
the coneoutergain property of the pannernode interface is a double value, describing the amount of
volume reduction outside the cone, defined by the coneouterangle attribute.
... example in this example, we'll demonstrate how changing the orientation parameters of a pannernode in combination with coneinnerangle and coneouterangle affects
volume.
... can create our audiocontext, an oscillator and a pannernode: const context = new audiocontext(); const osc = new oscillatornode(context); osc.type = 'sawtooth'; const panner = new pannernode(context); panner.panningmodel = 'hrtf'; next, we set up the cone of our spatialised sound, determining the area in which it can be heard: // this value determines the size of the area in which the sound
volume is constant // if coneinnerangle == 30, it means that when the sound is rotated // by at most 15 (30/2) degrees either direction, the
volume won't change panner.coneinnerangle = 30; // this value determines the size of the area in which the sound
volume decreases gradually // if coneouterangle == 45 and coneinnerangle == 30, it means that when the sound is rotated // by between 15 (30/2) and 22.5...
...And 2 more matches
PannerNode.orientationX - Web APIs
depending on the directionality of the sound (as specified using the attributes coneinnerangle, coneouterangle, and coneoutergain), the orientation of the sound may alter the perceived
volume of the sound as it's being played.
... example in this example, we'll demonstrate how changing the orientation parameters of a pannernode in combination with coneinnerangle and coneouterangle affects
volume.
... can create our audiocontext, an oscillator and a pannernode: const context = new audiocontext(); const osc = new oscillatornode(context); osc.type = 'sawtooth'; const panner = new pannernode(context); panner.panningmodel = 'hrtf'; next, we set up the cone of our spatialised sound, determining the area in which it can be heard: // this value determines the size of the area in which the sound
volume is constant // if coneinnerangle == 30, it means that when the sound is rotated // by at most 15 (30/2) degrees either direction, the
volume won't change panner.coneinnerangle = 30; // this value determines the size of the area in which the sound
volume decreases gradually // if coneouterangle == 45 and coneinnerangle == 30, it means that when the sound is rotated // by between 15 (30/2) and 22.5...
...And 2 more matches
PannerNode.orientationY - Web APIs
depending on the directionality of the sound (as specified using the attributes coneinnerangle, coneouterangle, and codeoutergain), the orientation of the sound may alter the perceived
volume of the sound as it's being played.
... example in this example, we'll demonstrate how changing the orientation parameters of a pannernode in combination with coneinnerangle and coneouterangle affects
volume.
... can create our audiocontext, an oscillator and a pannernode: const context = new audiocontext(); const osc = new oscillatornode(context); osc.type = 'sawtooth'; const panner = new pannernode(context); panner.panningmodel = 'hrtf'; next, we set up the cone of our spatialised sound, determining the area in which it can be heard: // this value determines the size of the area in which the sound
volume is constant // if coneinnerangle == 30, it means that when the sound is rotated // by at most 15 (30/2) degrees either direction, the
volume won't change panner.coneinnerangle = 30; // this value determines the size of the area in which the sound
volume decreases gradually // if coneouterangle == 45 and coneinnerangle == 30, it means that when the sound is rotated // by between 15 (30/2) and 22.5...
...And 2 more matches
PannerNode.orientationZ - Web APIs
depending on the directionality of the sound (as specified using the attributes coneinnerangle, coneouterangle, and codeoutergain), the orientation of the sound may alter the perceived
volume of the sound as it's being played.
... example in this example, we'll demonstrate how changing the orientation parameters of a pannernode in combination with coneinnerangle and coneouterangle affects
volume.
... can create our audiocontext, an oscillator and a pannernode: const context = new audiocontext(); const osc = new oscillatornode(context); osc.type = 'sawtooth'; const panner = new pannernode(context); panner.panningmodel = 'hrtf'; next, we set up the cone of our spatialised sound, determining the area in which it can be heard: // this value determines the size of the area in which the sound
volume is constant // if coneinnerangle == 30, it means that when the sound is rotated // by at most 15 (30/2) degrees either direction, the
volume won't change panner.coneinnerangle = 30; // this value determines the size of the area in which the sound
volume decreases gradually // if coneouterangle == 45 and coneinnerangle == 30, it means that when the sound is rotated // by between 15 (30/2) and 22.5...
...And 2 more matches
PannerNode.refDistance - Web APIs
the refdistance property of the pannernode interface is a double value representing the reference distance for reducing
volume as the audio source moves further from the listener – i.e.
... the distance at which the
volume reduction starts taking effect.
... example this example demonstrates how different values of refdistance affect how the
volume of a sound decays as it moves away from the listener.
...And 2 more matches
Web Audio API - Web APIs
a filter like biquadfilternode, or
volume control like gainnode).
... dynamicscompressornode the dynamicscompressornode interface provides a compression effect, which lowers the
volume of the loudest parts of the signal in order to help prevent clipping and distortion that can occur when multiple sounds are played and multiplexed together at once.
... gainnode the gainnode interface represents a change in
volume.
...And 2 more matches
Creating a cross-browser video player - Developer guides
the control set most browser's default video controls have the following functionality: play/pause mute
volume control progress bar skip ahead go fullscreen the custom control set will also support this functionality, with the addition of a stop button.
...
volume volinc.addeventlistener('click', function(e) { alter
volume('+'); }); voldec.addeventlistener('click', function(e) { alter
volume('-'); }); two
volume control buttons have been defined, one for increasing the
volume and another for decreasing it.
... a user defined function, alter
volume(direction) has been created that deals with this: var alter
volume = function(dir) { var current
volume = math.floor(video.
volume * 10) / 10; if (dir === '+') { if (current
volume < 1) video.
volume += 0.1; } else if (dir === '-') { if (current
volume > 0) video.
volume -= 0.1; } } this function makes use of the media api's
volume attribute, which holds the current
volume value of the video.
...And 2 more matches
Mozilla’s UAAG evaluation report
(p2) na 4.9 global
volume control.
... (p1) na 4.10 independent
volume control.
... (p1) na 4.11 control other
volume.
...(p1) na 4.13 configure synthesized speech
volume.
Cross-browser audio basics - Developer guides
</audio> muted if you want the audio to start muted (no
volume), add the muted attribute.
... if (myaudio.currenttime > 5) { myaudio.currenttime = 3; }
volume the
volume property allows us to set the audio
volume, as a number between 0 and 1.
... // set the
volume at 50% myaudio.
volume = 0.5; creating your own custom audio player the javascript media api allows you to create your own custom player.
... myaudio.addeventlistener("ended", function() { //do something once audio track has finished playing });
volumechange the
volumechange event signifies that the
volume has changed; that includes being muted.
<input type="range"> - HTML: Hypertext Markup Language
a few examples of situations in which range inputs are commonly used: audio controls such as
volume and balance, or filter controls.
...for example, in the case of a home stereo
volume control, users typically think "set
volume at halfway to maximum" instead of "set
volume to 0.5".
... consider this range control: <input type="range" id="
volume" min="0" max="11" value="7" step="1"> screenshotlive sample this control is horizontal (at least on most if not all major browers; others might vary).
... standards according to the specification, making it vertical requires adding css to change the dimensions of the control so that it's taller than it is wide, like this: css #
volume { height: 150px; width: 50px; } html <input type="range" id="
volume" min="0" max="11" value="7" step="1"> result screenshotlive sample unfortunately, no major browsers currently support vertical range controls directly.
Localizing an extension - Archive of obsolete content
create a properties file the first thing we do is create a property file for the literal strings used by the javascript code in stockwatcher2.js: changestring=chg: openstring=open: lowstring=low: highstring=high:
volumestring=vol: the stockwatcher2.properties file shown above maps five keys (changestring, openstring, lowstring, highstring, and
volumestring) to the corresponding text in english.
...we add to refreshinformation() the following code: var stringsbundle = document.getelementbyid("string-bundle"); var changestring = stringsbundle.getstring('changestring') + " "; var openstring = stringsbundle.getstring('openstring') + " "; var lowstring = stringsbundle.getstring('lowstring') + " "; var highstring = stringsbundle.getstring('highstring') + " "; var
volumestring = stringsbundle.getstring('
volumestring') + " "; this code gets a reference to the string bundle element we added to stockwatcher2.xul by calling document.getelementbyid(), specifying the id "string-bundle".
...then we replace any occurrences of the literal strings with the appropriate variables: samplepanel.tooltiptext = changestring + fieldarray[4] + " | " + openstring + fieldarray[5] + " | " + lowstring + fieldarray[6] + " | " + highstring + fieldarray[7] + " | " +
volumestring + fieldarray[8]; localizing the description in install.rdf see localizing extension descriptions.
3D collision detection - Game development
this article provides an introduction to the different bounding
volume techniques used to implement collision detection in 3d environments.
... note: check out the bounding
volumes with three.js article to see a practical implementation of this technique.
...e.z, box.maxz)); // this is the same as ispointinsidesphere var distance = math.sqrt((x - sphere.x) * (x - sphere.x) + (y - sphere.y) * (y - sphere.y) + (z - sphere.z) * (z - sphere.z)); return distance < sphere.radius; } using a physics engine 3d physics engines provide collision detection algorithms, most of them based on bounding
volumes as well.
nsIDOMWindowUtils
we have audiomuted and audio
volume to preserve the
volume across mute/umute.
... audio
volume float range: greater or equal to 0.
... the real
volume level is affected by the
volume of all ancestor windows.
ConstantSourceNode.offset - Web APIs
gainnode2 = context.creategain(); gainnode3 = context.creategain(); gainnode2.gain.value = gainnode3.gain.value = 0.5;
volumeslidercontrol.value = gainnode2.gain.value; constantsource = context.createconstantsource(); constantsource.connect(gainnode2.gain); constantsource.connect(gainnode3.gain); first, the gain nodes are created and configured, and a slider control's value is set to match the gain on the two nodes.
...with the linkage above in place, that can be done using this simple event handler: function handleclickevent(event) {
volumeslidercontrol.value = constantsource.offset.value; } all this function has to do is fetch the current value of the slider control we're using to control the paired nodes' gains, then store that value into the constantsourcenode's offset parameter.
...the two gain nodes quickly adopt the new
volume level.
PannerNode.rolloffFactor - Web APIs
the rollofffactor property of the pannernode interface is a double value describing how quickly the
volume is reduced as the source moves away from the listener.
... example this example demonstrates how different rollofffactor values affect how the
volume of the test tone decreases with increasing distance from the listener: const context = new audiocontext(); // all our test tones will last this many seconds const note_length = 4; // this is how far we'll move the sound const z_distance = 20; // this function creates a graph for the test tone with a given rollofffactor // and schedules it to move away from the listener along the z (depth-wise) ...
...axis // at the given start time, resulting in a decrease in
volume (decay) const scheduletesttone = (rollofffactor, starttime) => { const osc = new oscillatornode(context); const panner = new pannernode(context); panner.rollofffactor = rollofffactor; // set the initial z position, then schedule the ramp panner.positionz.setvalueattime(0, starttime); panner.positionz.linearramptovalueattime(z_distance, starttime + note_length); osc.connect(panner) .connect(context.destination); osc.start(starttime); osc.stop(starttime + note_length); }; // this tone should decay fairly quickly scheduletesttone(1, context.currenttime); // this tone should decay slower than the previous one scheduletesttone(0.5, context.currenttime + note_length); // this tone should decay only slightly ...
RTCRtpContributingSource.audioLevel - Web APIs
syntax var audiolevel = rtcrtpcontributingsource.audiolevel value a double-precision floating-point number which indicates the
volume level of the audio in the most recently received rtp packet from the source described by the rtcrtpcontributingsource.
...a value of 1.0 represents 0 dbov (maximum
volume), a value of 0.0 represents silence, and a value of 0.5 represents approximately 6 db spl (decibels of sound pressure level) change in the sound pressure level from 0 dbov.
... audiolevel may be absent from rtcrtpcontributingsource objects, which indicates that no
volume level was provided by the source; however, it is required and always available on all rtcrtpsynchronizationsource objects.
appearance (-moz-appearance, -webkit-appearance) - CSS: Cascading Style Sheets
e safari edge media-enter-fullscreen-button div{ color: black; -webkit-appearance: media-enter-fullscreen-button; } <div>lorem</div> chrome safari media-exit-fullscreen-button div{ color: black; -webkit-appearance: media-exit-fullscreen-button; } <div>lorem</div> chrome safari media-fullscreen-
volume-slider div{ color: black; -moz-appearance: media-fullscreen-
volume-slider; -webkit-appearance: media-fullscreen-
volume-slider; } <div>lorem</div> safari media-fullscreen-
volume-slider-thumb div{ color: black; -moz-appearance: media-fullscreen-
volume-slider-thumb; -webkit-appearance: media-fullscreen-
volume-slider-thumb; } <div>lore...
...d-captions-button; } <div>lorem</div> chrome safari media-slider div{ color: black; -webkit-appearance: media-slider; } <div>lorem</div> chrome safari edge media-sliderthumb div{ color: black; -webkit-appearance: media-sliderthumb; } <div>lorem</div> chrome safari edge media-
volume-slider-container div{ color: black; -webkit-appearance: media-
volume-slider-container; } <div>lorem</div> chrome safari media-
volume-slider-mute-button div{ color: black; -moz-appearance: media-
volume-slider-mute-button; -webkit-appearance: media-
volume-slider-mute-button; } <div>lorem</div> safari media-v...
...olume-slider div{ color: black; -webkit-appearance: media-
volume-slider; } <div>lorem</div> chrome safari media-
volume-sliderthumb div{ color: black; -webkit-appearance: media-
volume-slider-thumb; } <div>lorem</div> chrome safari media-controls-background div{ color: black; -webkit-appearance: media-controls-background; } <div>lorem</div> chrome safari media-controls-dark-bar-background div{ color: black; -moz-appearance: media-controls-dark-bar-background; -webkit-appearance: media-controls-dark-bar-background; } <div>lorem</div> safari media-controls-fullscreen-background div{ color: black; -webkit-...
Video player styling basics - Developer guides
to ensure this, a new click handler needs to be defined for the play/pause button so that it too raises the play and pause events: playpause.addeventlistener('click', function(e) { if (video.paused || video.ended) video.play(); else video.pause(); });
volume the alter
volume() function, called when the player's
volume buttons are clicked, also changes — it now calls a new function called check
volume(): var check
volume = function(dir) { if (dir) { var current
volume = math.floor(video.
volume * 10) / 10; if (dir === '+') { if (current
volume < 1) video.
volume += 0.1; } else if (dir === '-') { if (currentvol...
...ume > 0) video.
volume -= 0.1; } // if the
volume has been turned off, also set it as muted // note: can only do this with the custom control set as when the '
volumechange' event is raised, there is no way to know if it was via a
volume or a mute change if (current
volume <= 0) video.muted = true; else video.muted = false; } changebuttonstate('mute'); } var alter
volume = function(dir) { check
volume(dir); } this new check
volume() function does the same thing as the alter
volume() but it also sets the state of the mute button depending on the video's current
volume setting.
... check
volume() is also called when the
volumechange event is raised: video.addeventlistener('
volumechange', function() { check
volume(); }, false); progress bar a small change also needs to be made to the click handler for the <progress> element.
Settings - Archive of obsolete content
assword", type: "password", label: "password" } ] }, { name: "facebook", type: "group", label: "facebook", settings: [ { name: "username", type: "text", label: "username", default: "jdoe" }, { name: "password", type: "password", label: "secret" } ] }, { name: "music", type: "boolean", label: "music", default: true }, { name: "
volume", type: "range", label: "
volume", min: 0, max: 10, default: 5 } ] }; // import after defining manifest!
...with the above manifest the following stored properties are available in the jetpack's code: * jetpack.storage.settings.twitter.username * jetpack.storage.settings.twitter.password * jetpack.storage.settings.facebook.username * jetpack.storage.settings.facebook.password * jetpack.storage.settings.music * jetpack.storage.settings.
volume see also simple storage jep 24 ...
Settings - Archive of obsolete content
assword", type: "password", label: "password" } ] }, { name: "facebook", type: "group", label: "facebook", settings: [ { name: "username", type: "text", label: "username", default: "jdoe" }, { name: "password", type: "password", label: "secret" } ] }, { name: "music", type: "boolean", label: "music", default: true }, { name: "
volume", type: "range", label: "
volume", min: 0, max: 10, default: 5 } ] }; // import after defining manifest!
...with the above manifest the following stored properties are available in the jetpack's code: jetpack.storage.settings.twitter.username jetpack.storage.settings.twitter.password jetpack.storage.settings.facebook.username jetpack.storage.settings.facebook.password jetpack.storage.settings.music jetpack.storage.settings.
volume ...
Browser Feature Detection - Archive of obsolete content
peakpunctuation true false false speechrate true false true stress true false false tablelayout true true true textshadow true false true top true true true unicodebidi true true true visibility true true true voicefamily true false true
volume true false true widows true false true zindex true true true test code // document properties that are used to determine // support levels var _features = { 'domcore1': [ {name: 'doctype', 'supported': false}, {name: 'implementation', 'supported': false}, {name: 'documentelement', 'supported': false}, {name: 'createelement', 'supported...
...ame: 'speakpunctuation', 'supported': false}, {name: 'speechrate', 'supported': false}, {name: 'stress', 'supported': false}, {name: 'tablelayout', 'supported': false}, {name: 'textshadow', 'supported': false}, {name: 'top', 'supported': false}, {name: 'unicodebidi', 'supported': false}, {name: 'visibility', 'supported': false}, {name: 'voicefamily', 'supported': false}, {name: '
volume', 'supported': false}, {name: 'widows', 'supported': false}, {name: 'zindex', 'supported': false} ] }; function supports(object, featureset) { var i; var features = _features[featureset]; var level = 0; if (!features) return level; for (i = 0; i < features.length; i++) if (typeof(object[features[i].name]) != 'undefined') { features[i].supported = true; ++level; } r...
Index - Game development
13 3d collision detection 3d, games, javascript, bounding boxes, collision detection this article provides an introduction to the different bounding
volume techniques used to implement collision detection in 3d environments.
... 14 bounding
volume collision detection with three.js 3d, games, javascript, webgl, bounding boxes, collision detection, three.js this article shows how to implement collision detection between bounding boxes and spheres using the three.js library.
Browser API
htmliframeelement.get
volume() gets the current
volume of the browser <iframe>.
... htmliframeelement.set
volume() sets the current
volume of the browser <iframe>.
Using COM from js-ctypes
d* resume; void* setvoice; void* getvoice; hresult (__stdcall *speak)(struct myispvoice*, lpcwstr pwcs, dword dwflags, ulong* pulstreamnumber); void* speakstream; void* getstatus; void* skip; void* setpriority; void* getpriority; void* setalertboundary; void* getalertboundary; void* setrate; void* getrate; void* set
volume; void* get
volume; void* waituntildone; void* setsyncspeaktimeout; void* getsyncspeaktimeout; void* speakcompleteevent; void* isuisupported; void* displayui; /* end ispvoice */ }; int main(void) { if (succeeded(coinitialize(null))) { struct myispvoice* pvoice = null; hresult hr = cocreateinstance(&clsid_spvoice, null, clsctx_all, ...
...umber ]).ptr }, { 'speakstream': ctypes.voidptr_t }, { 'getstatus': ctypes.voidptr_t }, { 'skip': ctypes.voidptr_t }, { 'setpriority': ctypes.voidptr_t }, { 'getpriority': ctypes.voidptr_t }, { 'setalertboundary': ctypes.voidptr_t }, { 'getalertboundary': ctypes.voidptr_t }, { 'setrate': ctypes.voidptr_t }, { 'getrate': ctypes.voidptr_t }, { 'set
volume': ctypes.voidptr_t }, { 'get
volume': ctypes.voidptr_t }, { 'waituntildone': ctypes.voidptr_t }, { 'setsyncspeaktimeout': ctypes.voidptr_t }, { 'getsyncspeaktimeout': ctypes.voidptr_t }, { 'speakcompleteevent': ctypes.voidptr_t }, { 'isuisupported': ctypes.voidptr_t }, { 'displayui': ctypes.voidptr_t } // end ispvoice ]); // functions // http://msdn.microsoft.com/e...
Web Audio Editor - Firefox Developer Tools
two good demos are: the voice-change-o-matic, which can apply various effects to the microphone input and also provides a visualisation of the result the violent theremin, which changes the pitch and
volume of a sine wave as you move the mouse pointer visualizing the graph the web audio editor will now display the graph for the loaded audio context.
... here's the graph for the violent theremin demo: you can see that it uses three nodes: an oscillatornode as the source, a gainnode to control the
volume, and an gainnode as the destination.
AudioContext.createMediaElementSource() - Web APIs
you can therefore increase and decrease the
volume of the playing music by moving the mouse pointer up and down.
...document.documentelement.scrolltop : document.body.scrolltop); gainnode.gain.value = cury/height; } // connect the audiobuffersourcenode to the gainnode // and the gainnode to the destination, so we can play the // music and adjust the
volume using the mouse cursor source.connect(gainnode); gainnode.connect(audioctx.destination); note: as a consequence of calling createmediaelementsource(), audio playback from the htmlmediaelement will be re-routed into the processing graph of the audiocontext.
AudioNode - Web APIs
a filter like biquadfilternode or convolvernode), or
volume control (like gainnode) <div id="interfacediagram" style="display: inline-block; position: relative; width: 100%; padding-bottom: 11.666666666666666%; vertical-align: middle; overflow: hidden;"><svg style="display: inline-block; position: absolute; top: 0; left: 0;" viewbox="-50 0 600 70" preserveaspectratio="xminymin meet"><a xlink:href="/docs/web/api/eventtarget" target="_top"><rect x="1" y="1" width="110" height="50" fill="#fff" stroke="#d4dde4" stroke-width="2px" /><tex...
...for example, a
volume control (gainnode) should be the last node so that
volume changes take immediate effect.
BaseAudioContext.createGain() - Web APIs
the creategain() method of the baseaudiocontext interface creates a gainnode, which can be used to control the overall gain (or
volume) of the audio graph.
... syntax var gainnode = audiocontext.creategain(); return value a gainnode which takes as input one or more audio sources and outputs audio whose
volume has been adjusted in gain (
volume) to a level specified by the node's gainnode.gain a-rate parameter.
HTMLMediaElement - Web APIs
htmlmediaelement.
volume is a double indicating the audio
volume, from 0.0 (silent) to 1.0 (loudest).
... timeupdate fired when the time indicated by the currenttime attribute has been updated
volumechange fired when the
volume has changed.
MediaElementAudioSourceNode - Web APIs
you can therefore increase and decrease the
volume of the playing music by moving the mouse pointer up and down.
...document.documentelement.scrolltop : document.body.scrolltop); gainnode.gain.value = cury/height; } // connect the audiobuffersourcenode to the gainnode // and the gainnode to the destination, so we can play the // music and adjust the
volume using the mouse cursor source.connect(gainnode); gainnode.connect(audioctx.destination); note: as a consequence of calling createmediaelementsource(), audio playback from the htmlmediaelement will be re-routed into the processing graph of the audiocontext.
MediaTrackSettings - Web APIs
volume a double-precision floating point value indicating the current value of the
volume property, specifying the
volume level of the track.
... this value will be between 0.0 (silent) to 1.0 (maximum supported
volume).
PannerNode.positionZ - Web APIs
depending on the directionality of the sound (as specified using the attributes coneinnerangle, coneouterangle, and codeoutergain), the orientation of the sound may alter the perceived
volume of the sound as it's being played.
...note that in this case, the change will mainly affect the timbre and perceived
volume of the sound.
SpeechSynthesisUtterance - Web APIs
language, pitch and
volume.) constructor speechsynthesisutterance.speechsynthesisutterance() returns a new speechsynthesisutterance object instance.
... speechsynthesisutterance.
volume gets and sets the
volume that the utterance will be spoken at.
Web Audio API best practices - Web APIs
this can be achieved by play/stop and
volume/mute controls.
...so for instance if we want to change the gain value of a gainnode we would do so thus: gainnode.gain.value = 0.5; this will set our
volume to half.
Using the slider role - Accessibility
the current
volume is 50.
... <label for="fader">
volume</label> <input type="range" id="fader" min="1" max="100" value="50" step="1" aria-valuemin="1" aria-valuemax="100" aria-valuenow="50" oninput="outputupdate(value)"> <output for="fader" id="
volume">50</output> the following code snippet allows you to return the output as it is updated by user input: function outputupdate(vol) { document.queryselector('#
volume').value = vol; } example 2: text values sometimes, a slider is used to choose a value that is not, semantically, a number.
Event reference
volumechange the
volume has changed.
...
volumechange event html5 media the
volume has changed.
Autoplay guide for media and Web Audio APIs - Web media technologies
autoplay availability as a general rule, you can assume that media will be allowed to autoplay only if at least one of the following is true: the audio is muted or its
volume is set to 0 the user has interacted with the site (by clicking, tapping, pressing keys, etc.) if the site has been whitelisted; this may happen either automatically if the browser determines that the user engages with media frequently, or manually through preferences or other user interface features if the autoplay feature policy is used to grant autoplay support to an <iframe> and its documen...
...to autoplay videos like these, you have two options: don't have an audio track, or have an audio track but configure the <video> element to mute the audio by default, like this: <video src="/videos/awesomevid.webm" controls autoplay muted> this video element is configured to include the user controls (typically play/pause, scrubbing through the video's timeline,
volume control, and muting); also, since the muted attribute is included, the video will autoplay but with the audio muted.
Search Extension Tutorial (Draft) - Archive of obsolete content
due to the large
volume of user complaints regarding hidden settings being changed against their will, and not being restored after the add-ons responsible are disabled, mozilla will take any steps necessary to mitigate the impact of offending add-ons.
MCD, Mission Control Desktop, AKA AutoConfig - Archive of obsolete content
[root@calaz firefox]# cat firefox.cfg //put everything in a try/catch try { //privacy & security defaultpref("signon.remembersignons", false); //proxy and cache, as it is on nfs
volume, we don't want cache lockpref("browser.cache.disk.capacity", 0); lockpref("network.cookie.cookiebehavior", 0); defaultpref("network.proxy.autoconfig_url", "http://wpad.int-evry.fr/wpad.dat"); defaultpref("network.proxy.type", 2); lockpref("network.protocol-handler.app.mailto", "/usr/bin/thunderbird"); //firefox3 urlclassifier3.sqlite iowait/cpu pb //http://forums.mozillazine.org/viewtopic.php?p=...
Threats - Archive of obsolete content
the
volume and strength of ddos attacks are growing as hackers try to bring organizations offline or steal their data by flooding websites and networks with spurious traffic.
Windows SDK versions
(this was certainly the case for 64 bit windows 7 on a late 2008 macbook pro.) warning: due to a bug in windows 7 sdk, if you get "sdksetup encountered an error: expecting path %systemroot% to represent a valid system
volume" error you may require to set environmental variable %windir% to something like "c:\windows" instead of "%systemroot%".
Localization content best practices
unless there are significant savings of translation
volume involved, it is usually easier and quicker for translators to handle these as fixed strings rather than composed strings, especially considering the time needed for locating, checking and potentially fixing composed strings.
Power profiling overview
see section 14.9 of
volume 3 of the intel software developer's manual for more details about rapl.
I/O Functions
some file systems also differentiate drives or
volumes.
Creating the Component Code
an nsifile object is usually a file or directory on a local
volume, but it may represent something on a network
volume as well.
nsILocalFile
void reveal(); void setrelativedescriptor(in nsilocalfile fromfile, in acstring relativedesc); attributes attribute type description diskspaceavailable print64 the number of bytes available to non-superuser on the disk
volume containing the nsilocalfile.
nsIURI
for example, under mac os x, the spec of a file uri doesn't necessarily uniquely identify a file, since two
volumes can have the same name.
Index - Firefox Developer Tools
by default, on some macs, the function key is remapped to use a special feature: for example, to change the screen brightness or the
volume.
AudioContext.createMediaStreamSource() - Web APIs
ource(stream); // create a biquadfilter var biquadfilter = audioctx.createbiquadfilter(); biquadfilter.type = "lowshelf"; biquadfilter.frequency.value = 1000; biquadfilter.gain.value = range.value; // connect the audiobuffersourcenode to the gainnode // and the gainnode to the destination, so we can play the // music and adjust the
volume using the mouse cursor source.connect(biquadfilter); biquadfilter.connect(audioctx.destination); // get new mouse pointer coordinates when mouse is moved // then set new gain value range.oninput = function() { biquadfilter.gain.value = range.value; } }) .catch(function(err) { console.log('the following gum error occured...
AudioNode.connect() - Web APIs
this example creates an oscillator, then links it to a gain node, so that the gain node controls the
volume of the oscillator node.
AudioParam - Web APIs
properties audioparam.defaultvalue read only represents the initial
volume of the attribute as defined by the specific audionode creating the audioparam.
AudioParamDescriptor - Web APIs
here, additionally, we'll create a custom gain parameter, so we can directly change
volume of the output (although you could use gainnode to achieve this as well).
AudioWorkletNode.parameters - Web APIs
here, additionally, we'll create a custom gain parameter, so we can directly change
volume of the output (although you could use gainnode to achieve this as well).
BaseAudioContext.createChannelMerger() - Web APIs
var ac = new audiocontext(); ac.decodeaudiodata(somestereobuffer, function(data) { var source = ac.createbuffersource(); source.buffer = data; var splitter = ac.createchannelsplitter(2); source.connect(splitter); var merger = ac.createchannelmerger(2); // reduce the
volume of the left channel only var gainnode = ac.creategain(); gainnode.gain.setvalueattime(0.5, ac.currenttime); splitter.connect(gainnode, 0); // connect the splitter back to the second input of the merger: we // effectively swap the channels, here, reversing the stereo image.
BaseAudioContext.createChannelSplitter() - Web APIs
var ac = new audiocontext(); ac.decodeaudiodata(somestereobuffer, function(data) { var source = ac.createbuffersource(); source.buffer = data; var splitter = ac.createchannelsplitter(2); source.connect(splitter); var merger = ac.createchannelmerger(2); // reduce the
volume of the left channel only var gainnode = ac.creategain(); gainnode.gain.setvalueattime(0.5, ac.currenttime); splitter.connect(gainnode, 0); // connect the splitter back to the second input of the merger: we // effectively swap the channels, here, reversing the stereo image.
BaseAudioContext - Web APIs
baseaudiocontext.creategain() creates a gainnode, which can be used to control the overall
volume of the audio graph.
ChannelMergerNode - Web APIs
var ac = new audiocontext(); ac.decodeaudiodata(somestereobuffer, function(data) { var source = ac.createbuffersource(); source.buffer = data; var splitter = ac.createchannelsplitter(2); source.connect(splitter); var merger = ac.createchannelmerger(2); // reduce the
volume of the left channel only var gainnode = ac.creategain(); gainnode.gain.setvalueattime(0.5, ac.currenttime); splitter.connect(gainnode, 0); // connect the splitter back to the second input of the merger: we // effectively swap the channels, here, reversing the stereo image.
ChannelSplitterNode - Web APIs
var ac = new audiocontext(); ac.decodeaudiodata(somestereobuffer, function(data) { var source = ac.createbuffersource(); source.buffer = data; var splitter = ac.createchannelsplitter(2); source.connect(splitter); var merger = ac.createchannelmerger(2); // reduce the
volume of the left channel only var gainnode = ac.creategain(); gainnode.gain.setvalueattime(0.5, ac.currenttime); splitter.connect(gainnode, 0); // connect the splitter back to the second input of the merger: we // effectively swap the channels, here, reversing the stereo image.
ConstantSourceNode - Web APIs
the three nodes are set up like this: gainnode2 = context.creategain(); gainnode3 = context.creategain(); gainnode2.gain.value = gainnode3.gain.value = 0.5;
volumeslidercontrol.value = gainnode2.gain.value; constantnode = context.createconstantsource(); constantnode.connect(gainnode2.gain); constantnode.connect(gainnode3.gain); constantnode.start(); gainnode2.connect(context.destination); gainnode3.connect(context.destination); this code starts by creating the gain nodes and setting them and the
volume control that will adjust their value all to 0.5.
Document - Web APIs
globaleventhandlers.on
volumechange is an eventhandler representing the code to be called when the
volumechange event is raised.
DynamicsCompressorNode() - Web APIs
the dynamicscompressornode() constructor creates a new dynamicscompressornode object which provides a compression effect, which lowers the
volume of the loudest parts of the signal, in order to help prevent clipping and distortion.
DynamicsCompressorNode - Web APIs
the dynamicscompressornode interface provides a compression effect, which lowers the
volume of the loudest parts of the signal in order to help prevent clipping and distortion that can occur when multiple sounds are played and multiplexed together at once.
GainNode() - Web APIs
the gainnode() constructor of the web audio api creates a new gainnode object which an audionode that represents a change in
volume.
GlobalEventHandlers - Web APIs
globaleventhandlers.on
volumechange is an eventhandler representing the code to be called when the
volumechange event is raised.
HTMLAudioElement - Web APIs
some of the more commonly used properties of the audio element include src, currenttime, duration, paused, muted, and
volume.
MediaDevices.ondevicechange - Web APIs
.getelementbyid("video"); let logelement = document.getelementbyid("log"); function log(msg) { logelement.innerhtml += msg + "<br>"; } document.getelementbyid("startbutton").addeventlistener("click", function() { navigator.mediadevices.getusermedia({ video: { width: 160, height: 120, framerate: 30 }, audio: { samplerate: 44100, samplesize: 16,
volume: 0.25 } }).then(stream => { videoelement.srcobject = stream; updatedevicelist(); }) .catch(err => log(err.name + ": " + err.message)); }, false); we set up global variables that contain references to the <ul> elements that are used to list the audio and video devices: let audiolist = document.getelementbyid("audiolist"); let videolist = document.getelementbyid("videol...
MediaStream.getTrackById() - Web APIs
stream.gettrackbyid("primary-audio-track").applyconstraints({
volume: 0.5 }); stream.gettrackbyid("commentary-track").enabled = true; specifications specification status comment media capture and streamsthe definition of 'gettrackbyid()' in that specification.
MediaStreamAudioSourceNode - Web APIs
ource(stream); // create a biquadfilter var biquadfilter = audioctx.createbiquadfilter(); biquadfilter.type = "lowshelf"; biquadfilter.frequency.value = 1000; biquadfilter.gain.value = range.value; // connect the audiobuffersourcenode to the gainnode // and the gainnode to the destination, so we can play the // music and adjust the
volume using the mouse cursor source.connect(biquadfilter); biquadfilter.connect(audioctx.destination); // get new mouse pointer coordinates when mouse is moved // then set new gain value range.oninput = function() { biquadfilter.gain.value = range.value; } }) .catch(function(err) { console.log('the following gum error occured...
MediaStreamTrackAudioSourceNode - Web APIs
ource(stream); // create a biquadfilter var biquadfilter = audioctx.createbiquadfilter(); biquadfilter.type = "lowshelf"; biquadfilter.frequency.value = 1000; biquadfilter.gain.value = range.value; // connect the audiobuffersourcenode to the gainnode // and the gainnode to the destination, so we can play the // music and adjust the
volume using the mouse cursor source.connect(biquadfilter); biquadfilter.connect(audioctx.destination); // get new mouse pointer coordinates when mouse is moved // then set new gain value range.oninput = function() { biquadfilter.gain.value = range.value; } }) .catch(function(err) { console.log('the following gum error occured...
MediaTrackSupportedConstraints.autoGainControl - Web APIs
the autogaincontrol constraint indicates whether or not the browser offers the ability to automatically control the gain (
volume) on media tracks; this obviously is contingent on whether or not the individual device supports automatic gain control as well; it's typically a feature provided by microphones.
MediaTrackSupportedConstraints.noiseSuppression - Web APIs
the noisesuppression constraint indicates whether or not the browser offers the ability to automatically control the gain (
volume) on media tracks; this obviously is contingent on whether or not the individual device supports automatic gain control as well.
PannerNode.distanceModel - Web APIs
the distancemodel property of the pannernode interface is an enumerated value determining which algorithm to use to reduce the
volume of the audio source as it moves away from the listener.
PannerNode.maxDistance - Web APIs
the maxdistance property of the pannernode interface is a double value representing the maximum distance between the audio source and the listener, after which the
volume is not reduced any further.
PannerNode.positionX - Web APIs
depending on the directionality of the sound (as specified using the attributes coneinnerangle, coneouterangle, and codeoutergain), the orientation of the sound may alter the perceived
volume of the sound as it's being played.
PannerNode.positionY - Web APIs
depending on the directionality of the sound (as specified using the attributes coneinnerangle, coneouterangle, and codeoutergain), the orientation of the sound may alter the perceived
volume of the sound as it's being played.
PeriodicWave - Web APIs
here, we only set one component at full
volume (1.0) on the fundamental tone, so we get a sine wave.
Lighting a WebXR setting - Web APIs
increased shadow detail,
volumetric light (that is, lighting that you can see in the air, such as sunbeams or the beams of spotlights in the sky), and other lighting effects can add realism and beauty to your scene, but caution needs to be taken to ensure the scene doesn't overwhelm the gpu.
ARIA annotations - Accessibility
t" id="thread-1" data-author="chris"> <h3>chris said</h3> <p class="comment-text">i really think this moment could use more cowbell.</p> <p><time datetime="2019-03-30t19:29">march 30 2019, 19:29</time></p> </div> <div role="comment" id="thread-2" data-author="chris"> <h3>marcus said</h3> <p class="comment-text">the guitar solo could do with a touch more chorus, and a slightly lower
volume.</p> <p><time datetime="2019-03-29t15:35">march 29 2019, 15:35</time></p> </div> nested comments are also possible with aria annotations — simply nest the comments inside one another, like so: <div role="comment" id="thread-1" data-author="chris"> <h3>chris said</h3> <p class="comment-text">i really think this moment could use more cowbell.</p> <p><time datetime="2019-03-30t19:29">mar...
ARIA: Comment role - Accessibility
t" id="thread-1" data-author="chris"> <h3>chris said</h3> <p class="comment-text">i really think this moment could use more cowbell.</p> <p><time datetime="2019-03-30t19:29">march 30 2019, 19:29</time></p> </div> <div role="comment" id="thread-2" data-author="chris"> <h3>marcus said</h3> <p class="comment-text">the guitar solo could do with a touch more chorus, and a slightly lower
volume.</p> <p><time datetime="2019-03-29t15:35">march 29 2019, 15:35</time></p> </div> nested comments nested comments are also possible with aria annotations — simply nest the comments inside one another, like so: <div role="comment" id="thread-1" data-author="chris"> <h3>chris said</h3> <p class="comment-text">i really think this moment could use more cowbell.</p> <p><time datetime="2019...
Web accessibility for seizures and physical reactions - Accessibility
because of this condition, their brain will produce seizure-like discharges when exposed to this type of visual stimulation gamma oscillations and photosensitive epilepsy current biology
volume 27, issue 9, 8 may 2017, pages r336-r338 certain visual images, even in the absence of motion or flicker, can trigger seizures in patients with photosensitive epilepsy.
Perceivable - Accessibility
1.4.2 audio controls (a) for any audio that plays for longer than three seconds, provide accessible controls to play and pause the audio/video, and mute/adjust
volume.
WebKit CSS extensions - CSS: Cascading Style Sheets
y ::-webkit-media-controls-enclosure ::-webkit-media-controls-fullscreen-button ::-webkit-media-controls-mute-button ::-webkit-media-controls-overlay-enclosure ::-webkit-media-controls-panel ::-webkit-media-controls-play-button ::-webkit-media-controls-timeline ::-webkit-media-controls-time-remaining-display ::-webkit-media-controls-toggle-closed-captions-button ::-webkit-media-controls-
volume-control-container ::-webkit-media-controls-
volume-control-hover-background ::-webkit-media-controls-
volume-slider ::-webkit-meter-bar ::-webkit-meter-even-less-good-value ::-webkit-meter-inner-element ::-webkit-meter-optimum-value ::-webkit-meter-suboptimum-value -webkit-media-text-track-container ::-webkit-outer-spin-button ::-webkit-progress-bar ::-webkit-progress-inner-element ::-w...
Demos of open web technologies
ive) video embedded in svg (or use the local download) summer html image map creator (source code) video video 3d animation "mozilla constantly evolving" video 3d animation "floating dance" streaming anime, movie trailer and interview billy's browser firefox flick virtual barber shop transformers movie trailer a scanner darkly movie trailer (with built in controls) events firing and
volume control dragable and sizable videos 3d graphics webgl web audio fireworks ioquake3 (source code) escher puzzle (source code) kai 'opua (source code) virtual reality the polar sea (source code) sechelt fly-through (source code) css css zen garden css floating logo "mozilla" paperfold css blockout rubik's cube pure css slides planetarium (source code) loader with blend m...
Global attributes - HTML: Hypertext Markup Language
s, oninput, oninvalid, onkeydown, onkeypress, onkeyup, onload, onloadeddata, onloadedmetadata, onloadstart, onmousedown, onmouseenter, onmouseleave, onmousemove, onmouseout, onmouseover, onmouseup, onmousewheel, onpause, onplay, onplaying, onprogress, onratechange, onreset, onresize, onscroll, onseeked, onseeking, onselect, onshow, onsort, onstalled, onsubmit, onsuspend, ontimeupdate, ontoggle, on
volumechange, onwaiting.
Evolution of HTTP - HTTP
the amount of visual media displayed, the
volume and size of scripts adding interactivity, has also increased: much more data is transmitted over significantly more http requests.
Digital audio concepts - Web media technologies
these molecules affect the ones adjacent to them, and so forth, propagating the vibration in the form of a wave outward from the source until the amplitude of the wave (its
volume) fades away with distance.
SVG Event Attributes - SVG: Scalable Vector Graphics
, onfocus, oninput, oninvalid, onkeydown, onkeypress, onkeyup, onload, onloadeddata, onloadedmetadata, onloadstart, onmousedown, onmouseenter, onmouseleave, onmousemove, onmouseout, onmouseover, onmouseup, onmousewheel, onpause, onplay, onplaying, onprogress, onratechange, onreset, onresize, onscroll, onseeked, onseeking, onselect, onshow, onstalled, onsubmit, onsuspend, ontimeupdate, ontoggle, on
volumechange, onwaiting graphical event attributes onactivate, onfocusin, onfocusout ...
SVG Attribute reference - SVG: Scalable Vector Graphics
, onfocus, oninput, oninvalid, onkeydown, onkeypress, onkeyup, onload, onloadeddata, onloadedmetadata, onloadstart, onmousedown, onmouseenter, onmouseleave, onmousemove, onmouseout, onmouseover, onmouseup, onmousewheel, onpause, onplay, onplaying, onprogress, onratechange, onreset, onresize, onscroll, onseeked, onseeking, onselect, onshow, onstalled, onsubmit, onsuspend, ontimeupdate, ontoggle, on
volumechange, onwaiting graphical event attributes onactivate, onfocusin, onfocusout ...