Question

142

Put javascript blob variable in src of audio

rated 0 times [ 146] [ 4] / answers: 1 / hits: 7393 / 10 Years ago, fri, may 23, 2014, 12:00:00

In my javascript code I create a url from my audio blob

var blobUrl = URL.createObjectURL(blob);

I then have an audio controller. How do I put the blobUrl variable into the src = ?

<audio controls=controls>

<source src= blobUrl type=audio/mp3>

</audio>

Answers

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

clarkulisesa

Add To Favorites

Follow

Total Points: 422

Total Questions: 93

Total Answers: 112

Location: Austria

Member since Thu, Jan 7, 2021

3 Years ago

clarkulisesa questions

1 Google BigQuery Error: Syntax error: Illegal input character %

Fri, Sep 18, 20, 00:00, 4 Years ago

1 how to change state of a react component from another component

Mon, Jun 22, 20, 00:00, 4 Years ago

1 How to compare objects using lodash regardless on their order

Tue, Jun 16, 20, 00:00, 4 Years ago

1 How to listen sortChange(event) on Angular for ag-Grid?

Mon, Feb 24, 20, 00:00, 4 Years ago

1 Vue JS provide/inject and Props

Mon, Aug 12, 19, 00:00, 5 Years ago

View All

answered 10 Years ago adrienb · Accepted Answer

You need to get the source element and set its src property.

Lets get the element using the basic js DOM API.

var srcElement = document.getElementsByTagName(source)[0]; // Assuming there's only one

Now lets set the src property using

srcElement.src = blobUrl; or srcElement.setAttribute(src, blobUrl); or jquery's element.attr() method if you get the element using a jquery selector.