Search completed in 3.16 seconds.
MediaStreamTrack: unmute event - Web APIs
the
unmute event is sent to a mediastreamtrack when the track's source is once again able to provide media data after a period of not being able to do so.
... bubbles no cancelable no interface event event handler property on
unmute note: the condition that most people think of as "muted" (that is, a user-controllable way to silence a track) is actually managed using the mediastreamtrack.enabled property, for which there are no events.
... examples in this example, event handlers are established for the mute and
unmute events in order to detect when the media is not flowing from the source for the mediastreamtrack stored in the variable musictrack.
...And 4 more matches
MediaStreamTrack.onunmute - Web APIs
mediastreamtrack's on
unmute event handler is called when the
unmute event is received.
... when the on
unmute event handler is called, the track's muted flag is false.
... syntax track.on
unmute =
unmutehandler; value
unmutehandler is a function which is called when the mediastreamtrack receives the
unmute event.
...And 3 more matches
HTMLIFrameElement.unmute()
the
unmute() method of the htmliframeelement
unmutes any audio playing in the browser <iframe>.
... syntax instanceofhtmliframeelement.
unmute(); returns void.
... example var browser = document.queryselector('iframe'); browser.
unmute(); specification not part of any specification.
MediaStreamTrack: mute event - Web APIs
when the track is once again able to produce media output, an
unmute event is sent.
... during the time between the mute event and the
unmute event, the value of the track's muted property is true.
... bubbles no cancelable no interface event event handler property onmute examples in this example, event handlers are established for the mute and
unmute events in order to detect when the media is not flowing from the source for the mediastreamtrack referenced by musictrack.
...And 3 more matches
HTMLIFrameElement.getMuted()
the muted value is available in the request.result property, and is a boolean value — true means muted, and false means
unmuted.
... promise version: a promise that resolves with the muted value — a boolean where true means muted, and false means
unmuted.
... example callback version: var browser = document.queryselector('iframe'); var request = browser.getmuted(); request.onsuccess = function() { if(request.result) { console.log('the browser is muted.'); } else { console.log('the browser is
unmuted.'); } } promise version: var browser = document.queryselector('iframe'); browser.getmuted().then(function(muted) { if(muted) { console.log('the browser is muted.'); } else { console.log('the browser is
unmuted.'); } }); specification not part of any specification.
Index - Web APIs
to mute and
unmute the audio output, use the muted property.
... 2474 mediastreamtrack.on
unmute api, event handler, media capture, media capture and streams, mediastreamtrack, property, reference, webrtc, on
unmute,
unmute mediastreamtrack's on
unmute event handler is called when the
unmute event is received.
... 2480 mediastreamtrack:
unmute event audio, media, media capture and streams, media streams, mediastreamtrack, reference, video, events,
unmute the
unmute event is sent to a mediastreamtrack when the track's source is once again able to provide media data after a period of not being able to do so.
MediaStreamTrack.muted - Web APIs
to implement a way for users to mute and
unmute a track, use the enabled property.
... syntax const mutedflag = track.muted value a boolean which is true if the track is currently muted, or false if the track is currently
unmuted.
...instead, add event listeners for the mute and
unmute events.
MediaStreamTrack - Web APIs
note: you can implement standard "mute" functionality by setting enabled to false, and
unmute the media by setting it back to true again.
...
unmute sent to the track when data becomes available again, ending the muted state.
... also available through the on
unmute event handler property.
Video player styling basics - Developer guides
ideo-controls" class="controls" data-state="hidden"> <button id="playpause" type="button" data-state="play">play/pause</button> <button id="stop" type="button" data-state="stop">stop</button> <div class="progress"> <progress id="progress" value="0" min="0"> <span id="progress-bar"></span> </progress> </div> <button id="mute" type="button" data-state="mute">mute/
unmute</button> <button id="volinc" type="button" data-state="volup">vol+</button> <button id="voldec" type="button" data-state="voldown">vol-</button> <button id="fs" type="button" data-state="go-fullscreen">fullscreen</button> </div> related css alteration the previous article simply set the display property of the video controls to block in order to display them.
...play/pause, and mute/
unmute, these buttons have different states that need to be styled.
...'
unmute' : 'mute'); } } this function is then called by the relevant event handlers: video.addeventlistener('play', function() { changebuttonstate('playpause'); }, false); video.addeventlistener('pause', function() { changebuttonstate('playpause'); }, false); stop.addeventlistener('click', function(e) { video.pause(); video.currenttime = 0; progress.value = 0; // update the play/pa...
BaseAudioContext.createGain() - Web APIs
example the following example shows basic usage of an audiocontext to create a gainnode, which is then used to mute and
unmute the audio when a mute button is clicked by changing the gain property value.
... gainnode.gain.setvalueattime(0, audioctx.currenttime); mute.id = "activated"; mute.innerhtml = "
unmute"; } else { gainnode.gain.setvalueattime(1, audioctx.currenttime); mute.id = ""; mute.innerhtml = "mute"; } } specifications specification status comment web audio apithe definition of 'creategain()' in that specification.
GainNode.gain - Web APIs
example the following example shows basic usage of an audiocontext to create a gainnode, which is then used to mute and
unmute the audio when a mute button is clicked by changing the gain property value.
... gainnode.gain.setvalueattime(0, audioctx.currenttime); mute.id = "activated"; mute.innerhtml = "
unmute"; } else { gainnode.gain.setvalueattime(1, audioctx.currenttime); mute.id = ""; mute.innerhtml = "mute"; } } specifications specification status comment web audio apithe definition of 'gain' in that specification.
GainNode - Web APIs
example the following example shows basic usage of an audiocontext to create a gainnode, which is then used to mute and
unmute the audio when a mute button is clicked by changing the gain property value.
... gainnode.gain.setvalueattime(0, audioctx.currenttime); mute.id = "activated"; mute.innerhtml = "
unmute"; } else { gainnode.gain.setvalueattime(1, audioctx.currenttime); mute.id = ""; mute.innerhtml = "mute"; } } specifications specification status comment web audio apithe definition of 'gainnode' in that specification.
Establishing a connection: The WebRTC perfect negotiation pattern - Web APIs
pc.ontrack = ({track, streams}) => { track.on
unmute = () => { if (remotevideo.srcobject) { return; } remotevideo.srcobject = streams[0]; }; }; when the track event occurs, this handler executes.
... we add an
unmute event handler to the track, because the track will become
unmuted once it starts receiving packets.
Browser API
htmliframeelement.
unmute()
unmutes any audio playing in the browser <iframe>.
AudioTrack - Web APIs
the most common use for accessing an audiotrack object is to toggle its enabled property in order to mute and
unmute the track.
Media Capture and Streams API (Media Stream) - Web APIs
events addtrack ended muted overconstrained removetrack started
unmuted guides and tutorials the articles below provide additional guidance and how-to information that will help you learn to use the api, and how to perform specific tasks that you may wish to handle.
ARIA: button role - Accessibility
if the design were to call for the button label to change from "mute" to "
unmute," a toggle button would not be appropriate, so the the aria-pressed attribute would be omitted.
Adding captions and subtitles to HTML5 video - Developer guides
ideo-controls" class="controls" data-state="hidden"> <button id="playpause" type="button" data-state="play">play/pause</button> <button id="stop" type="button" data-state="stop">stop</button> <div class="progress"> <progress id="progress" value="0" min="0"> <span id="progress-bar"></span> </progress> </div> <button id="mute" type="button" data-state="mute">mute/
unmute</button> <button id="volinc" type="button" data-state="volup">vol+</button> <button id="voldec" type="button" data-state="voldown">vol-</button> <button id="fs" type="button" data-state="go-fullscreen">fullscreen</button> <button id="subtitles" type="button" data-state="subtitles">cc</button> </div> css changes the video controls have undergone some minor changes in order to make sp...
Creating a cross-browser video player - Developer guides
<ul id="video-controls" class="controls"> <li><button id="playpause" type="button">play/pause</button></li> <li><button id="stop" type="button">stop</button></li> <li class="progress"> <progress id="progress" value="0" min="0"> <span id="progress-bar"></span> </progress> </li> <li><button id="mute" type="button">mute/
unmute</button></li> <li><button id="volinc" type="button">vol+</button></li> <li><button id="voldec" type="button">vol-</button></li> <li><button id="fs" type="button">fullscreen</button></li> </ul> each button is given an id so it can be easily accessed with javascript.