
April 13th, 2012, 08:50 AM
|
|
Registered User
|
|
Join Date: Mar 2012
Posts: 17
Time spent in forums: 6 h 4 m 58 sec
Reputation Power: 0
|
|
|
Problem with sound on web page ?
Hi guys,
I am creating content page slide show as shown in code below,
also I want to run audio file in background of each content slide,
but I am not sure if this is possible, because only one file plays even if I am changing from slide to slide.
this is what I did,
<body id="simple">
<ul id="slider">
<li class="panel1">
<div>
<div class="textSlide">
<img src="images/251356.jpg" alt="New Slide" style="float: right; margin: 0 0 2px 10px; width: 250px; height: 250px;" />
<audio id="background_audio" autoplay="autoplay">
<source src="static/audio/clip.ogg" type="audio/ogg" />
<source src="AUDIO1.mp3" type="audio/mpeg" />
</audio>
<h3>SLIDE 1</h3>
<h4>MY SLIDES</h4>
<ul>
<li>mY sLIDE ?</li>
</ul>
</div>
</div>
</li>
<li class="panel1">
<div>
<div class="textSlide">
<img src="images/251356.jpg" alt="my slide" style="float: right; margin: 0 0 2px 10px; width: 250px; height: 250px;" />
<audio id="background_audio" autoplay="autoplay">
<source src="static/audio/clip.ogg" type="audio/ogg" />
<source src="AUDIO2.mp3" type="audio/mpeg" />
</audio>
<h3>SLIDE 2</h3>
<h4>MY SLIDE</h4>
<ul>
<li>mY sLIDE 2</li>
</ul>
</div>
</div>
</li>
</ul>
</body>
So I am wondering if this is possible, and what is the best way to make this working,
Thanks,
|