Javascript, Variable is not accesible by function

Question

I made an phonegap application that plays an sound when the user clicks on the button:

 <button onclick="playAudio('test.mp3')">Play Some Audio</button>

But i want that the sound stops when the user makes an doubleclick, somehow my code dont works! Im an beginner in javascript, and think the i didnt put the variable = media in the right position. Here is my full code:

<body>
     <h1>Playing Audio</h1>

    <button onclick="playAudio('test.mp3')">Play Some Audio</button>
    <script type="text/javascript" src="cordova-2.4.0.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript">
        app.initialize();
        var playing = false;
        var media = null;


        function playAudio(src) {
            if (!playing) {
                if (device.platform == 'Android') {
                    src = '/android_asset/' + src;
                }

                var media = new Media(src);
                media.play();
                playing = true;
            } else {
                media.stop();
                playing = false;
            }
        }
    </script>
</body>

Alexandre Wiechers Vaz · Accepted Answer · 2013-05-17 18:13:20Z

2

Change the following line

var media = new Media(src);

to

media = new Media(src);

answered May 17, 2013 at 18:13

Alexandre Wiechers Vaz

1,6073 gold badges19 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

The Alpha Over a year ago

@Ian, var media = new Media(src) is creating another variable in the function scope that is separate from the variable declared in the global scope as var media = null.

Em Sta Over a year ago

@Sheikh Heera so what would you do? When i change it to media = .. nothing works even not the play audio!

Alexandre Wiechers Vaz Over a year ago

You can't play or can't stop audio? Are you executing this on browser or mobile device? Do you have access to debug logs??

Em Sta Over a year ago

Before i changed it to media = newMedia(src) the play worked, with your answer nothing works! Sorry! But thanks for your help!

Alexandre Wiechers Vaz Over a year ago

As long as i can not test by myself, i can only suppose what's going on... My guess is that at the moment you click to stop, media variable is not initialized yet(Don't know why the hell this would happen)... Console don't show any error??

|

Em Sta · Accepted Answer · 2013-05-18 05:52:21Z

2

Now i found the problem, you cannot use

 media = new Media (src)

instead i had tu use

 my_Media = new Media (src)

There is an interreference with the word media! But what @Alexandre said was absolutley correct, and that brougt me to the final result! Thanks

answered May 18, 2013 at 5:52

Em Sta

1,70610 gold badges29 silver badges43 bronze badges

1 Comment

John Dvorak Over a year ago

This is why you shouldn't be using global variables - you might overwrite something. Create a scope (look up IIFE), define your variables there and attach your handlers from there. Or, if not a scope, at least a namespace (an object in the global scope into which you put your globals).

Collectives™ on Stack Overflow

Javascript, Variable is not accesible by function

2 Answers 2

8 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

8 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related