Get php url variable for use in jquery

Question

Okay so I have an html5 audio player that i built with jquery however i need to get the track url from the variable in the url with a get request so that it can then be used in the jquery script. Not sure how to do it. I have the jquery in a seperate file to the markup for easy embedding for users. The url will look like www.mysite.co.uk/player/player.html?url=testing123.mp3.

I can easily get the variable for use in the markup to show the name of the artist etc with PHP but not sure how to do it for the jquery script. I have had a look around but no luck.

Heres the relevent jquery

song = new Audio('THIS IS WHERE THE GET VARIABLE NEEDS TO BE');

I shouldnt think anymore code is needed but if it is just ask.

head

<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>

<?php $url = $_GET['url']; ?> 

<script> // Before jQuery
    var song = new Audio(`<?php echo($url); ?>`);
</script>`
<script type="text/javascript" src="http://newbornsounds.co.uk/player/src/js/js.js"></script>
<script type="text/javascript" src="http://newbornsounds.co.uk/player/src/js/html5slider.js"></script>

Heres the relevent jquery YMMD. :)

Tomasz Kowalczyk
– Tomasz Kowalczyk

2012-07-03 01:34:05 +00:00
Commented Jul 3, 2012 at 1:34 — Tomasz Kowalczyk
– Tomasz Kowalczyk, Commented Jul 3, 2012 at 1:34
@TomaszKowalczyk YMMD = You made my day?

Gabriel Santos
– Gabriel Santos

2012-07-03 01:35:09 +00:00
Commented Jul 3, 2012 at 1:35 — Gabriel Santos
– Gabriel Santos, Commented Jul 3, 2012 at 1:35

Gabriel Santos · Accepted Answer · 2012-07-03 02:03:49Z

4

<?php
$url = $_GET['url']; // Avoid this way! Need to be as safe as possible.
?>

[...]

<head>
    [...]

    <script> // Before jQuery
        var song = new Audio(`<?php echo($url); ?>`);
    </script>`

    [...]
</head>

And remove song from your .js

edited Jul 3, 2012 at 2:03

answered Jul 3, 2012 at 1:33

Gabriel Santos

4,9742 gold badges45 silver badges74 bronze badges

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

10 Comments

Gabriel Santos Over a year ago

@JacobWindsor If url is testing123.mp3 you need to have this file inside the rrot of your website (http://mydomain.com/testing123.mp3)

Jacob Windsor Over a year ago

I do here is one of the tracks on the current site, it will jst play through the usual html player newbornsounds.co.uk/uploads/…

Jacob Windsor Over a year ago

When i reference that same track with the new player nothing happens. I have tried going down all the directories as well with ../ but that just makes the page refresh on play

Gabriel Santos Over a year ago

@JacobWindsor so, your url need to be uploads/19c9aa51c821952c81be46ca9b2e9056.mp3 or, 19c9aa51c821952c81be46ca9b2e9056.mp3 with uploads already included on Audio: song = new Audio('/uploads/<?php echo($url); ?>');

Jacob Windsor Over a year ago

Yes, i forgot to say in the database it already contains ../uploads

|

Collectives™ on Stack Overflow

Get php url variable for use in jquery

1 Answer 1

10 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

10 Comments

Related