Question

152

Using local file as < audio> src

rated 0 times [ 157] [ 5] / answers: 1 / hits: 21326 / 11 Years ago, wed, february 12, 2014, 12:00:00

Is it possible to use an audio file from the user's hard drive as the src attribute for an HTML5 <audio> tag? Maybe through an <input type=file />? This might not be particularly useful in production, but I'm still curious if it can be done.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

zaynerogerb

Add To Favorites

Follow

Total Points: 454

Total Questions: 109

Total Answers: 97

Location: Comoros

Member since Tue, Mar 14, 2023

1 Year ago

zaynerogerb questions

1 Error: Caching was left unconfigured. Babel's plugins when I installed Font Awesome to my react app

Fri, Mar 4, 22, 00:00, 2 Years ago

1 Cannot import Popper.js in VueJS

Sat, Sep 5, 20, 00:00, 4 Years ago

1 Framer Motion exit animation not firing on accordion with react-router-dom

Wed, Aug 12, 20, 00:00, 4 Years ago

1 How to use Behaviorsubject to detect change

Fri, May 8, 20, 00:00, 4 Years ago

1 How to solve DELETE error 404 not found express.js

Mon, Apr 6, 20, 00:00, 4 Years ago

View All

answered 11 Years ago denzelc · Accepted Answer

I can think of two ways.

Within your audio tag:

src=file:///C:/.../file.mp3

or you could use a Blob using the file API.

HTML:

<input type=file></input>

JS:

audio.src = URL.createObjectURL(document.getElementsByTagName('input')[0].files[0]);