osadzanie dźwięków mp3 w treści strony

fayer

No avatar

2007-08-31 00:37

Chciałbym zamieścić na stronie jednej z kategorii opisowych odnośniki do odtworzenia plików mp3, ale bez ich pobierania. Czy ktoś ma przepis na to, aby działało w IE, FF i Operze?

» Quick.Cart v2.x

Marcin

wewior (OpenSolution)

Avatar: wewior

2007-08-31 09:27

zwykle odtwarzanie plikow mp3 na stronie realizuje sie przez proste odtwarzacze zrobione we flashu, przyklad mozna znalezc w google, np:
http://www.webdiary.pl/technologie+art.id+155.htm

mozna oczywiscie kombinowac z obiektami html np cos takiego:
<embed src="http://wwww.twojastrona/plik.mp3" type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/MediaPlayer/ "width="300" height="50" autostart="1"showcontrols="1" showstatusbar="1" showdisplay="0" autorewind="0" enablecontextmenu="0"></embed>

ale nie dam glowy ze to dziala wszedzie i bez problemow

fayer

No avatar

2007-08-31 22:00

Dzięki za info bo już mi włosy siwieją ;-)
W każdym razie, Twój kod działa ale tylko pod IE. Z kolei z tego pierwszego linku ściągnąłem gotowy odtwarzacz mp3_player.fla.bin ale nie znam sie na flashu i nie wiem co mam z nim zrobić.

W Internet Maker był taki wydawałoby się prosty przepis ale nie działa:
<script language = "Javascript" type="text/javascript">
<!--function play(id) {
var playlist = new Array();
playlist[0] = "01.mp3";

document.mediaPlayer.stop();
document.mediaPlayer.fileName = playlist[id];
}
//-->
</script>
<style type="text/css">
<!--
body {font-size:12px; font-family:Arial,Helvetica, sans-serif;}
#player { visibility:hidden;}
-->
</style>
<table width="400" border="0" cellpadding="2">
<tr bgcolor="#dfdfff">
<th align="left" scope="col">Artist and song</th>
<th scope="col">Listen:</th>
</tr>
<tr bgcolor="#ffffca">
<td>Utwor 1</td>
<td><a href="#" onclick="javascript:play(0);">Play now</a></td>
</tr>
</table>

Marcin

fayer

No avatar

2007-09-04 07:49

OK, poradziłem sobie wykorzystując program Camtasia, która wyrzuca mi elegancki swf z podstawowymi przyciskami nawigacji. Kod wkleiłem taki:

<div class="center"><object type="application/x-shockwave-flash"
data="sciezka/plik.swf"
width="301" height="63" id="VideoPlayback">
<param name="movie"
value="sciezka/plik.swf" />
<param name="allowScriptAcess" value="sameDomain" />
<param name="quality" value="best" />
<param name="bgcolor" value="#FFFFFF" />
<param name="scale" value="noScale" />
<param name="salign" value="TL" />
<param name="FlashVars" value="playerMode=embedded" />
</object>

i działa pod 4 najbardziej znanymi przeglądarkami, pod Windą i Ubuntu ;-). Efekt można zobaczyć m.in. tutaj http://sklep.cigarro.pl/37,la-flor-de-cano-selectos.html

Marcin

Do góry
o nas | kontakt