Q:

Phonegap Build, HTML5 Audio, Android

I'm developing this app for a local radio as part of community outreach type deal for my company (placement student) i kinda threw myself in at the deep end and decided to go with building this website -> app with only a tiny knowledge of the technologies i'm using however it's working quite well at the moment i'm just having a problem with the following.
So basically i'm trying to stream some audio using html audio tags. This works in my browser but not in my emulator (ripple emulator, nexus 4) nor on my android phone (HTC One). 
Technologies - HTML5, CSS, Jquery Mobile and Phonegap Build. 
I feel like i probably have to do something with Javascript.
    <audio controls>
    <source src="http://195.10.228.6:8035/canal.mp3" type="audio/mpeg">
    Your browser does not support the audio element.
    </audio>

Thanks for any help!
EDIT: to clarify i am able to see the audio player and also interact with it, it either just won't play sound or it doesn't play the stream not entirely sure.

A:

<audio id="stream" preload='none'>
        <source src="audio source" type="audio/mpeg">
        Your browser does not support the audio element.
    </audio>
    <a href="#" id="audioControl">play!</a>

<script>
var stream = document.getElementById('stream'),
ctrl = document.getElementById('audioControl');

ctrl.onclick = function () {

// Update the Button
var pause = ctrl.innerHTML === 'pause!';
ctrl.innerHTML = pause ? 'play!' : 'pause!';

// Update the Audio
var method = pause ? 'pause' : 'play';
stream[method]();

// Prevent Default Action
return false;
};
</script>

This code fixes most things it will allow you to play through your phone and also only has a play/pause link. you can do any styling you wish later on. 
problems-takes about 10seconds prior to clicking play to load ~ atleast for my stream anyways for local files probably alot easier

