Custom CSS for <audio> tag?

I'm building a music player web application which implements the HTML5 audio tag, however would like it to look consistent across browsers - is it possible to define my own custom CSS? And how?

changing source on html5 video tag

I'm trying to build a video player that works everywhere. so far I'd be going with: <video> <source src="video.mp4"></source> <source src="video.ogv"></source> <object...

Syncing HTML5 <video> with <audio> playback

I am having track from one source, mute, and I'd like to play background music over it using element. The tracks contain some time critical elements. What would be the options to sync these two...

HTML5 Video Validation Error

I have the following markup, implemented using the VideoJS player (I can include the js too, if it becomes necessary): <video id="example_video_1" class="video-js" width="736" height="352"...

Minimizing latency w/ web-based, live audio capture and broadcast

I'm having trouble achieving low latency when doing web based capture/recording of user audio (from microphone, line-in), then live broadcasting that audio out to our listeners. Essentially a web...

SoundCloud HTML5 player converted by JQuery: player instantly ready in Chrome?

I use a fade-in GIF which is replaced by the HTML5 player as soon as the audio player is ready. This works fine in Firefox but in Chrome the player shows up instantly, reading "The sound is...

Play MP3 file stored as blob

Put simply, I'd like to play a blob MP3 file in Firefox. I have access to both the blob itself: blob (sliced with mime type audio/mpeg3), and its URL: blobURL = window.URL.createObjectURL(blob). I...

"Error: Unsupported audio type or invalid file path" for HTML5 Audio tag in Internet Explorer 10

I have the following html5 document with audio tag and a fallback to Flash for browsers that don't support it: <!DOCTYPE html> <html> <head> <meta http-equiv="X-UA-Compatible"...

multiple audio html : auto stop other when current is playing with javascript

I have 10 audio players with simple html audio tags on a html5 page. No jquery, no special audio js plugins, etc... Does anyone has a simple script in js to pause all other players when the...

Autoplay an audio with HTML5 embed tag while the player is invisible

I want to autoplay a MP3 audio file and I don't want the player to be visible. <div id="music"><embed src="Comfortably_Numb.mp3" autostart=true loop=false></div> When I added display:none to the...

how to mix in audio to html5 video?

I have a video element, for example <video controls> <source src="foo.ogg" type="video/ogg"> <source src="foo.mp4" type="video/mp4"> Your browser does not support the <code>video</code>...

How to playback MKV video in web browser?

I am trying to make a MKV video with a MPEG4 video codec and AC3 audio codec available to be played online using Mozilla or Chrome. I have tried multiple methods including native HTML5, which...

How to get Duration of each song in playlist in HTML5 Audio Player?

I'm trying to get duration of each song in playlist. Its giving me NaN. I read that if browser doesn't get enough time to read the audio data then it returns NaN. So i used song.onloadedmetadata =...

HTML5 mp3 audio not working in Chrome and Firefox

I was hoping that you can help me with an issue I have been having. Problem: I am using the HTML5 audio tag to play an mp3 file. I have the exact same file on two different servers and one works...

Possible to add an onclick event to a YouTube iframe?

I've got a site with an HTML5 audio player and embedded YouTube music videos. I'd like to make it so that when the user clicks on a YouTube video to play it the music will stop. Wrapping the...

Why Icecast2 does not want to give the stream through https?

On a server with Ubuntu 14.04 LTS installed Icecast2 2.4.1 with SSL support. Also on this server work HTTPS website. I want insert on the page HTML5-player that will also take the stream through...

HTML5 Video - what is the maximum playback rate?

You can set the playback rate for a HTML5 video element: var player = document.getElementById("video"); player.playbackRate = 100; The w3 spec does not define a limit. What is the maximum...

Soundcloud API and Custom music player

I am trying to build a Cordova application in which users will post the links to tracks on Soundcloud. Using their API, I ll need to play the track on my custom music player on the...

How to concatenate multiple MP4 videos with FFMPEG without audio sync issues?

I have been trying to concatenate a number of MP4 clips (h264,aac) using the FFMPEG concat protocol documented here. The clips concatenate successfully, however there are multiple errors in the...

Javascript Play All Audio Elements in a Div

I'm using bootstrap3_player to implement an audio player on my site. It works well but lacks the functionality to 'play all songs' - I have to click on each song in order to play it. I have the...

HTML/JS music playlist script

I'm pretty new to JS, and I've been asked to create a music player that can run out of a single HTML file. the music is hosted on a google drive because it has to be able to be changed for...

Cannot Play Audio in React Typescript with play() function | Error: Property 'play' does not exist

I have created a simple Audio Player in React js with Typescript and I am trying to use the normal HTML5 functions to Play and Pause the Audio but it is not working. When I do mytrack.play(); I ...

Using an Android Webview, how do I pass control of the MediaPlayer to the Activity

I have an app where the activity loads a webview that has video playing on it. My ultimate goal is to play media in the background from the webview, pretty much exactly as Chrome does it right...

Google Drive Audio Streaming without affecting download count?

Looking to use Google Drive, storing files and having them easily streamable from my website. I was previously using the direct google drive download link in an HTML5 audio tag. like so <audio...

On the fly transcoding and HLS streaming with ffmpeg

I am building a web application that involves serving various kinds of video content. Web-friendly audio and video codecs are handled without any problems, but I am having trouble designing the...

Web audio / radio streaming client: use Howler.js, native Audio, other library?

I have been building a web radio player for live streams & static files (MP3 over http). I picked Howler.js as the back-end to normalize the quirks of HTML5 Audio (think: Autoplay, fading in/out,...

Why is Pjax causing a load conflict with html5 video?

I'm using barba.js to create smooth page transitions with GSAP. Initially I had issues with reinitialising my jS but this is now working (debugged). However, I have an issue with html5 video -...

How to make html5 audio player responsive?

I'd like to make html 5 audio player responsive: <audio controls class="audio-file" src="/path/to/music.mp3"> Sorry your browser belongs to stone age </audio> I have tried some...

Mobile Safari skips first seconds of HTML Audio on play()

I have an React Audio Player that uses a useAudio hook to manage the HTML5 audio. It works fine everywhere except Mobile Safari, where the sound begins a few seconds after the player starts...

HTML AUDIO CONTROLS - How to remove 3 dots from default audio player?

I have used the HTML AUDIO tag with CONTROLS to display a audio track. <audio controls controlsList="nodownload"> <source src="horse.mp3" type="audio/mpeg"> </audio> Using CSS:...