My Test Video

100%

✓ Published0🌍 Public

Last edited Aug 18, 2017

Created on Jan 23, 2018

This example shows a video element playing an MP4 file while its audio is amplified to twice the normal volume. The page loads a local video and applies the amplification through the Web Audio API, using `AudioContext`, `createMediaElementSource`, and a `GainNode` to boost the signal. The `createAmplifier.js` script defines a function that connects the video’s audio source to a gain node set to a multiplier of 2, then routes it to the destination. The interface relies on standard HTML5 `<video>` controls, with no external visualization libraries beyond the browser’s native audio processing.

AI-generated description

Similar vizzes

Loading thumbnail…

amp-youtube

This example shows how to embed a YouTube video directly into an Accelerated Mobile Pages (AMP) document using the `amp-youtube` custom element. The page displays a single video player with a responsive layout that scales based on the viewport width, using the video ID `6wV1OrjwNZ8`. The code relies on the AMP runtime script and the `amp-youtube` component script loaded from the AMP CDN. No additional data source or rendering logic is present; the video playback is handled entirely by YouTube’s embedded player through the AMP component.

Aaaizemberg

62% match

Loading thumbnail…

JS function to change links like <a href="something.wav">sound</a> so that they play when clicked

This example shows a JavaScript function that converts links to .wav audio files on a page into click-to-play controls, so users can listen without leaving the page or losing the link’s context. The code selects all anchor elements whose `href` ends with `wav` using `document.querySelectorAll`, then creates a new `Audio` object for each link and assigns the link’s URL as the audio source. It attaches a `click` event listener that prevents the default navigation behavior and calls `audio.play()` to start playback. The approach uses the native Web Audio API and DOM event handling, with no external libraries.

Aamundo

61% match

Loading thumbnail…

Sep 17 Demo

This example displays an embedded video player with native HTML5 controls and autoplay functionality. The page uses the `<video>` element with multiple source formats (MP4, WebM, OGG) for cross-browser compatibility, along with a WebVTT subtitle track for English captions. The styling is minimal, centering the video and setting an oversized font size. The HTML5 video API handles playback, while the track element provides accessible subtitles.

NNita

61% match

Loading thumbnail…

A couple of changes to example4.html from this great article by Jos Dirksen (http://www.smartjava.org/content/exploring-html5-web-audio-visualizing-sound) are sufficient to get it running in Firefox Aurora.

This example visualizes the frequency spectrum of live audio input, displaying animated bars that respond to the sound’s amplitude and frequency. It works by using the Web Audio API’s `AnalyserNode` to capture real-time data, then rendering the waveform with Canvas 2D drawing. The code includes compatibility fixes for Firefox and Chrome, switching from `createJavaScriptNode` to `createScriptProcessor` and from `noteOn` to `start`. The visible rendering loop updates bars based on the analyser’s frequency data, driven by a `requestAnimationFrame`-style callback.

Aamundo

60% match

Loading thumbnail…

Untitled

This example demonstrates how HTML’s built-in audio element can be embedded directly into a React page, providing native playback controls. The code uses a standard `<audio>` tag with the `controls` attribute to render a play/pause interface and timeline for a horse.ogg file. It relies on React’s JSX syntax to declare the element, with no additional JavaScript libraries or custom audio APIs. The page is minimal, showing only the audio player without surrounding content, highlighting the simplicity of integrating media into a React application.

Oocean1225

60% match

Loading thumbnail…

Gist a20e98db4b73977562c0

This example demonstrates a minimal Node.js audio player that streams an MP3 file from the filesystem and outputs it through the system’s sound device. It reads the input file using `fs.createReadStream`, decodes the audio data with the `lame` decoder, and pipes the resulting PCM stream into a `Speaker` instance. The code configures the speaker based on the audio format emitted by the decoder, enabling real-time playback. No visualization is performed; the example focuses solely on the command-line audio pipeline.

Aalessioalex

60% match

Loading thumbnail…

playClip

This example demonstrates a custom method for playing a specific segment of an HTML audio element. It defines `HTMLAudioElement.prototype.playClip`, which takes a start and stop time, sets the current playback position, and uses `setTimeout` to pause the audio after the desired duration. The code relies on the native Web Audio API and DOM methods like `querySelectorAll` to select an audio element and trigger playback. It shows how to extend built-in browser objects for reusable time-based audio control.

Aamundo

59% match

Loading thumbnail…

Gist c3927fd16c93fc919a74036325faacd4

In a virtual-reality environment built with A-Frame, a video playlist automatically plays two accessibility-themed VR conference talks inside a networked 3D scene. The code defines an array of MP4 URLs hosted on an S3 bucket, creates an `a-entity` with the `media-loader` and `networked` components, and scales it to ten units while positioning it 35 units away. It disables looping and listens for the video’s `ended` event to switch to the next clip, cycling back to the first after the last. A CORS proxy URL prefixes each source, and the playback jumps near the end for testing.

UUtopiah

58% match