CODEWITHSUNDEEP
javascriptaudiobuzz.js
Talha Malik
Talha Malik

Reputation: 1559

Convert string to JS object

I know its a repeated questions but I cannot figure out how to do in my case. I want to play audio using JS Buzz library. Please check following 

var pg1 = new buzz.sound("oimages/music/as.mp3");
var pg2 = new buzz.sound("oimages/music/zx.mp3");
var pg3 = new buzz.sound("oimages/music/as.mp3");

On a certain event I want to play this audio. here 1, 2 and 3 are page numbers. Please check following

$("#flipbook").bind("turned", function (event, page, view) {;
    bog ='pg'+page; // page is the number of page here
    window.bog.play(); //error
});

It gives me following error

Uncaught TypeError: window.bog.play is not a function

Please guide.

Upvotes: 0

Views: 112

Answers (3)

epascarello
epascarello

Reputation: 207517

Because bog ='pg'+page; is a string, not a reference to the sound file.

You need to reference the sound assuming they are in global scope you can use bracket notation

var bog = window['pg'+page];

Upvotes: 1

Reinstate Monica Cellio
Reinstate Monica Cellio

Reputation: 26143

Simple mistake. You're trying to reference the variable incorrectly. bog isn't the name, but it contains the name...

$("#flipbook").bind("turned", function (event, page, view) {;
    bog ='pg'+page; // page is the number of page here
    window[bog]play(); //error
});

This assumes that the pg1..3 variables have global scope. If they don't then change the declarations to...

window.pg1 = new buzz.sound("oimages/music/as.mp3");

etc..

Upvotes: 1

Uzbekjon
Uzbekjon

Reputation: 11813

Evaluating would do the trick:

$("#flipbook").bind("turned", function (event, page, view) {;
    bog ='pg'+page;
    eval('window.' + bog + '.play()');
});

Upvotes: -1

Related Questions