How to play audio file ?

[shashank]

I have uploaded .wav audio file using kendo upload and i have the blob path and url, that the file is saved to.
Now do we have a control that helps us play audio file that is uploaded. like we have this
https://demos.telerik.com/aspnet-core/mediaplayer/events

[Stoyan]

Hello Shashank,

I have tested the MediaPlayer Component and it supports playback of both .mp3 and .wav audio files.

However, since the Component is designed primarily for video it still may not present the ideal visuals for audio playback.

If you'd like to see the functionality of the MediaPlayer expand I recommend voting for the existing Feature Request here. Also consider writing a comment there as to what kind of changes you'd like to see or alternatively submit a new Feature Request in the portal. This is important to us as we determine what features to implement in the future based on community interest.

Finally, as an alternative you may also find useful the built in Html audio element.

I hope the information above is insightful.

Regards,
Stoyan
Progress Telerik

[shashank]

I dont want to play them as a list, I have those files saved on blob and I get the bytedata that we have for download and using that data I want the kendo media player to fetch that blob url or bytedata and play it

[Stoyan]

Hello Shashank,

If you are fetching media files from the server during execution you can set them as the source of the MediaPlayer in the following way:

   $(document).ready(function(){
        var mediaplayer = $("#mediaPlayer").data("kendoMediaPlayer");
        var url = "@Url.Content("~/sources/my_sound.wav ")";
        fetch(url).then(function (response) {
            if (response.ok) {
                return response.blob();
            }  
        }).then(function (blob) {
            mediaplayer.media({title:"my_sound",source:URL.createObjectURL(blob)})
        })
    })

For your convenience I am attaching a sample project that showcases the above as well as the MediaPlayer used to only play audio.

Please review the behavior of the example and let me know whether any further questions on the topic arise.