Odtwarzacz Flash (SWF) v. 1.05b

Forum z dodatkowymi znacznikami BBCode, przeznaczonymi do wykorzystania na własnym forum. Przed zgłoszeniem problemu zapoznaj się z instrukcją dodawania znaczników BBCode.
Awatar użytkownika
all4phone
Posty: 60
Rejestracja: 20 lipca 2012, 10:30
Kontakt:

Odtwarzacz Flash (SWF) v. 1.05b

Post autor: all4phone » 01 sierpnia 2012, 12:26

Nazwa BBCode: BBCode Kremuwa's SWF Player v. 1.05b
Tak, wiem, BBCode odtwarzający animacje Flash jest standardowo w phpBB3. Cóż jednak z tego, kiedy moi forumowicze dostawali wprost szału, gdy przy wejściu na stronę główną (umieszczałem tam od czasu do czasu nowego flasha) lub po otworzeniu jakiegoś wątku słyszeli po raz setny dźwięki tej samej animacji. Rzecz jasna Flash, który ładuje się każdorazowo, nadwyręża także Internet użytkowników forum. Napisałem więc swój player, zapobiegający tym niedogodnościom.

Autor: kremuwa

Dodaj/zmień znacznik BBCode:

Kod: Zaznacz cały

[flash_player={URL}]{NUMBER1},{NUMBER2},{TEXT},{NUMBER3}[/flash_player]
Zamiennik HTML:

Kod: Zaznacz cały

<SCRIPT LANGUAGE= "JavaScript" type= "text/javascript">
    <!-- Ukrycie przed przeglądarkami nie obsługującymi JavaScript
    obrazek_hi = new Image(100, 50);
    obrazek_off = new Image(100, 50);

    function img_act(pic,source)
    {
    obrazek_hi.src = source;
      document[pic].src = obrazek_hi.src;
    }
    function img_deact(pic,source)
    {
    obrazek_off.src = source;
      document[pic].src = obrazek_off.src;
    }
    // Koniec kodu Zmiany obrazków po najechaniu myszą -->
</SCRIPT>

<SCRIPT LANGUAGE="JavaScript" type = "text/javascript">
    <!-- Ukrycie przed przeglądarkami nie obsługującymi JavaScript

    var widoczna{NUMBER3} = 0; // 2

    function coZrobic{NUMBER3} (warstwa) { // 3
    if (widoczna{NUMBER3} == 1){ ukryj{NUMBER3} (warstwa);}
    else{ pokaz{NUMBER3} (warstwa);}
    }

    function ukryj{NUMBER3} (warstwa) { // 4
    document.getElementById([warstwa]).style.display = "none";
    document.getElementById(["play{NUMBER3}"]).style.display = "block";
    widoczna{NUMBER3} = 0;
    }

    function pokaz{NUMBER3} (warstwa) { // 5
    document.getElementById([warstwa]).style.display = "block";
    document.getElementById(["play{NUMBER3}"]).style.display = "none";
    widoczna{NUMBER3} = 1;
    }

    //--> KONIEC KODU UKRYJ - POKAŻ
</SCRIPT>

    <!-- START - pasek informacyjny - co akurat jest grane -->
    <span id="play{NUMBER3}" style="display:block">
    <table border = "0" CELLSPACING="0" CELLPADDING="0" width="{NUMBER1}" style="margin-top: 0px">
        <tr height = "30">
            <td bgcolor="black" width="{NUMBER1}" valign = "center" style="background-image: url(http://i892.photobucket.com/albums/ac122/kremuwa/pasek_gora.gif); background-repeat: repeat-x">
                <marquee behavior = "scroll" direction="left" width="100%" onMouseOver="this.stop()" onMouseOut="this.start()" scrollamount="3" scrolldelay="1">
                    <font size = "4" color = "white"><i>{TEXT}</i></font>
                </marquee>
            </td>
            <td bgcolor="black" align = "center" valign = "center" style="background-image: url(http://i892.photobucket.com/albums/ac122/kremuwa/pasek_gora.gif); background-repeat: repeat-x">
                <a href="{URL}" target="player{NUMBER3}">
                    <IMG NAME="play_male{NUMBER3}" height = "29" SRC="http://i892.photobucket.com/albums/ac122/kremuwa/play.png" border = "0" onMouseOver=img_act("play_male{NUMBER3}","http://i892.photobucket.com/albums/ac122/kremuwa/play_hi.png") onMouseOut=img_deact("play_male{NUMBER3}","http://i892.photobucket.com/albums/ac122/kremuwa/play.png") onClick="coZrobic{NUMBER3}('doUkrycia{NUMBER3}')">
                </a>
            </td>
        </tr>
    </table>
    </span>
    <!-- STOP - pasek informacyjny -->

    <!-- START - zawartość kryjąca się -->
    <span id="doUkrycia{NUMBER3}" style="display:none">
    <table border = "0" CELLSPACING="0" CELLPADDING="0" width="{NUMBER1}">
        <tr height = "30">
            <td bgcolor="black" align = "left" valign = "center" style="background-image: url(http://i892.photobucket.com/albums/ac122/kremuwa/pasek_gora.gif); background-repeat: repeat-x">
                <img src= "http://i892.photobucket.com/albums/ac122/kremuwa/icon.png" style="margin-top: 1px; margin-left: 1px;"><img src = "http://i892.photobucket.com/albums/ac122/kremuwa/title.gif" style="margin-bottom: 6px; margin-left: 2px;"></font>
            </td>
            <td bgcolor="black" align = "right" valign = "center" style="background-image: url(http://i892.photobucket.com/albums/ac122/kremuwa/pasek_gora.gif); background-repeat: repeat-x">
                <a href = "http://i892.photobucket.com/albums/ac122/kremuwa/pixel.gif" target = "player{NUMBER3}">
                    <img src="http://i892.photobucket.com/albums/ac122/kremuwa/x.png" border = "0" name = "x{NUMBER3}" onMouseOver="img_act('x{NUMBER3}','http://i892.photobucket.com/albums/ac122/kremuwa/x_hi.png')" onMouseOut="img_deact('x{NUMBER3}','http://i892.photobucket.com/albums/ac122/kremuwa/x.png')" onClick="coZrobic{NUMBER3}('doUkrycia{NUMBER3}')">
                </a>
            </td>
        </tr>
        
        <tr>
            <td bgcolor="black" valign = "center" align = "center" border = "0" colspan = "2">
                <iframe name = "player{NUMBER3}" width = "{NUMBER1}" height = "{NUMBER2}" frameborder = "0" scrolling = "no"></iframe>
            </td>
        </tr>
    
        <tr height = "62">
            <td bgcolor="black" valign = "center" align = "center" style = "background-image: url(http://i892.photobucket.com/albums/ac122/kremuwa/pasek_dol.gif); background-repeat:repeat-x" colspan = "2">
                <a href = "{URL}" target = "player{NUMBER3}">
                    <IMG NAME="obrazek{NUMBER3}" SRC="http://i892.photobucket.com/albums/ac122/kremuwa/rewind.png" onMouseOver="img_act('obrazek{NUMBER3}','http://i892.photobucket.com/albums/ac122/kremuwa/rewind_hi.png')" onMouseOut="img_deact('obrazek{NUMBER3}','http://i892.photobucket.com/albums/ac122/kremuwa/rewind.png')" border = "0">
                </a>
                <br>
            </td>
        </tr>
    
        <tr height = "30">
            <td bgcolor="black" width="100%" colspan = "2" align = "center" valign = "center" style="background-image: url(http://i892.photobucket.com/albums/ac122/kremuwa/pasek_gora.gif); background-repeat: repeat-x">        
                    <font size = "4" color = "white"><i>{TEXT}</i></font>
            </td>
        </tr>
    </table>
    </span>
    <!-- STOP - zawartość kryjąca się -->

Podpowiedzi:

Kod: Zaznacz cały

[flash_player=Adres pliku .swf]wys,szer,tytuł/opis,liczba porządkowa[/flash_player]
UWAGA: Ostatni argument (liczba porządkowa) jest potrzebny, gdy na jednej podstronie (np. na jednej stronie wątku) chcemy użyć Playera więcej niż raz. W takim przypadku, przy każdym użyciu Playera, musimy podać inną liczbę porządkową (najlepiej zobowiązać użytkowników, by numerowali Playery od jedynki - to znaczy, że jeśli w danym wątku ktoś używa Playera (np. w nowym poście), a wcześniej użyto go już dwa razy, powinien wpisać liczbę trzy (3). Analogicznie, jeśli żadnego Playera w tym wątku jeszcze nie było, powinien wpisać liczbę jeden (1)

Przykład:

Kod: Zaznacz cały

[flash_player=http://tinyurl.com/the-little-girl]500,450,The Little Girl Who Was Forgotten by Absolutely Everyone,1[/flash_player]
[flash_player=http://tinyurl.com/anim-vs-anim]550,400,Animation versus Animation,2[/flash_player]
Demo:
demo

Zablokowany