Using html5 to play audio and add mute/unmute button in Tizen
By Vikram
Sample code to using html5 to play audio file and add mute/unmute button in Tizen.
<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="width=device-width,user-scalable=no"/>
<script src="./lib/jquery.js"></script>
<script type="text/javascript" src="./lib/tau/mobile/js/tau.js" data-build-remove="false"></script>
<link rel="stylesheet" href="./lib/tau/mobile/theme/default/tau.css">
<script type="text/javascript" src="./js/main.js"></script>
</head>
<body>
<audio src="file:///opt/usr/media/Sounds/Over the Horizon.mp3" controls="controls"></audio>
<button class="mutebtn">Mute/Unmute</button>
</body>
<script>
$(".mutebtn").click(function(){
var type = tizen.sound.getSoundMode();
var volume = tizen.sound.getVolume("MEDIA");
if(type === "SOUND" && volume!== 0){
tizen.sound.setVolume("MEDIA", 0);
}
else
{
tizen.sound.setVolume("MEDIA", volume+0.3);
}
});
</script>
</html>