how to use functions without conflict

Question

I'm trying to play a sound in html.

I putted audio tag in html and define a function to play it

but when I use the .play() function of js, the jquery return an error.

audio.play() is not a function.

when I remove jquery file, the sound is working.

how can I clear that the function is not jquery's?

function playblop()
    {
        var ab = document.getElementById('blop').play();
    }

You need to cut down your code to a failing example that's small enough to post here. It's unlikely that anyone will be able to help without seeing your code. — RichieHindle, May 09 '13 at 07:57
JS _has no `play` function_. Some JS objects _may_ have a method called `play`. If your ` — Alnitak, May 09 '13 at 08:20
Please update your question with what browser you use to test, and what JS libraries, or jQuery plugins are included. — vinczemarton, May 09 '13 at 11:52

score 1 · Accepted Answer · answered May 09 '13 at 13:18

1

put audio tag on autoplay...

every time you need to play, append the tag...

$("body").append("<audio autoplay>...</audio>");

answered May 09 '13 at 13:18

mehran

score -1 · Answer 2 · edited May 23 '17 at 11:49

-1

use a static object as namespace e.g.

    var myobject = {
        playblop: function(){

        }
    };
    //call the function
    myobject.playblop();

Updated: Ignore the code about and read this: HTML5 Audio and jQuery

edited May 23 '17 at 11:49

Community

answered May 09 '13 at 08:12

matpol

2 Answers2