After refreshing page or sometime, html audio is not working, while base64 string is available inside src tag

Asked Dec 31 '15 at 08:43

Active Dec 31 '15 at 11:53

Viewed 317 times

I am using html audio element to play sound in mvc 4 and src is dynamically filled.:

@using (Ajax.BeginForm("Index", "Parameter", new { @class = "form-horizontal col-md-12", @enctype = "multipart/form-data" }, new AjaxOptions
    {
        HttpMethod = "POST",
        UpdateTargetId = "messageid",
        InsertionMode = InsertionMode.Replace,
    }))
        {   <audio style="width:80%" id="56-audio" src="data:audio/mp3;base64,SUQzAwAAAAAfdlRFTkMAAAATA..(base64 string)" preload="auto" controls="controls"></audio> 
}

when i refresh the page , its shows empty as below image while value is available in src tag.

showing empty after page refresh

so is there any solution to avoid showing empty audio element.

edited Dec 31 '15 at 11:53

adiga

34,372
9
61
83

asked Dec 31 '15 at 08:43

chirag

1

if you dynamically add source to audio then you have to follow http://jsfiddle.net/jm6ky/2/ – Parth Trivedi Dec 31 '15 at 08:47
Please check http://stackoverflow.com/questions/10792163/change-audio-src-with-javascript?answertab=active#tab-top – Parth Trivedi Dec 31 '15 at 08:48
still not working. reason may be used audio element inside Ajax.BeginForm(){} object in rezor (.cshtml) view. – chirag Dec 31 '15 at 09:05
Please write `cshtml` `razor` code here also. – Parth Trivedi Dec 31 '15 at 09:14
code edited with razor view code – chirag Dec 31 '15 at 09:25
https://jsfiddle.net/cmr777/cdw9paox/# ------ here replace the src tag with base64 mp3 string and test from your side. – chirag Dec 31 '15 at 09:53
Please check http://stackoverflow.com/questions/4053262/how-can-i-add-multiple-sources-to-an-html5-audio-tag-programmatically/4053467#4053467 – Parth Trivedi Dec 31 '15 at 10:09
Is that the format of the audio source look like? – Jayaraj.K Dec 31 '15 at 10:22
yes mp3 base64 string – chirag Dec 31 '15 at 10:34
@chirag if your source is dinamically filled, show us how it's done exactly – Tiramonium Oct 02 '17 at 13:25

After refreshing page or sometime, html audio is not working, while base64 string is available inside src tag

0 Answers0