PDA

Volledige versie bekijken : Media Player met full screen mode


666andre
%Europe/Berlin %404 %2007, 10:41
Hoi,

Ik heb een eigen media player gemaakt met de tutorials van http://gotoandlearn.com. Alles is gelukt, maar nu wou ik er nog een full screen knop bij maken, zodat mensen die filmpjes ook in full screen kunnen bekijken, ong netzoiets als youtube als functie heeft ;)

Weet iemand hoe ik dat het beste kan maken, want in google vind je alleen maar over full screen sites ;) [V]



Greetz Andre

radem205
%Europe/Berlin %443 %2007, 11:38
Dat kan via onderstaande methode:


fullscreenbtn.onRelease = function() {
if(Stage.displayState == "fullScreen") {
Stage.displayState = "normal";
}
else
{
Stage.displayState = "fullScreen";
}
}

Let wel op dat je wmode niet op transparent heb staan en zet bij je html code het volgende:

<param name="allowFullScreen" value="true" />
<embed src="example.swf" allowFullScreen="true">

666andre
%Europe/Berlin %452 %2007, 11:51
Thaanks!, maar wat bedoel je precies met wmode :#

666andre
%Europe/Berlin %460 %2007, 12:02
Ik heb het erin gezet, maar als ik op de knop druk gebeurt er niks :S:S
Ik heb ook geprobeerd Stage te veranderen door theVideo omdat hij alleen het video gedeelte full screen moet weergeven, maar dat werkte ook niet


greetz Andre

radem205
%Europe/Berlin %478 %2007, 12:28
Je moet het dan wel testen in je browser he

666andre
%Europe/Berlin %539 %2007, 13:57
Ja dat snap ik :P, maar dan werkt hij alsnog niet :S

radem205
%Europe/Berlin %544 %2007, 14:04
ik zit ook met het probleem dat alleen het videogedeelte vergroot moet worden en ook weer terug naar de oude positie moet.

Kunnen wij samen misschien even kijken naar het probleem.

Edit: Je kan het ook m.b.v. Stage["displayState"] = "fullScreen"; doen. Zie mijn topic: http://www.flashfocus.nl/forum/showthread.php?t=34145

xtr0
%Europe/Berlin %559 %2007, 14:24
Voor zover ik weet is dit pas mogelijk vanaf flashplayer 9, als jullie hetzelfde als bij youtube bedoelen. En aangezien je in lagere versies van flash ook lager publiceert dan 9, kan dit dan alleen in flash cs3.

radem205
%Europe/Berlin %560 %2007, 14:27
Ja, klopt. Maar ik (http://www.flashfocus.nl/forum/showthread.php?t=34145) houd het probleem dat de video niet goed terug schaalt naar de oorspronkelijke grootte.

Ik weet niet of 666Andre beschikt over flash player 9, danwel Flash CS3.

xtr0
%Europe/Berlin %573 %2007, 14:45
owh ik dacht dat je flash mx 2004 had (zegt je profiel namelijk) ;)

666andre
%Europe/Berlin %581 %2007, 14:56
Ik heb Flash cs3 en ik heb de code uit die topic van Radem205 geprobeerd, maar dan werkt hij alsnog niet :S

Ik heb dit in mijn html staan

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="496" height="225" title="Mediaplayer">
<param name="movie" value="mediaplayer.swf" />
<param name="quality" value="high" />
<param name="allowFullScreen" value="true" />
<embed src="mediaplayer.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="496" height="225" allowFullScreen="true"></embed>
</object>

En als actionscript heb ik tijdelijk die code van radom205 om even te testen

radem205
%Europe/Berlin %594 %2007, 15:16
Heb je wel de goede instance_names opgegeven? En als je in de functie een trace uitvoert, tracet ie dan wel goed in Flash?

666andre
%Europe/Berlin %604 %2007, 15:30
Heej thanks, nou werkt hij een beetje ik had inplaats vna fullScreenButton, fullscreenButton :P

Maar bij mij doet hij het nog niet helemaal, want als hij full screen gaat, neemt hij de lijst met nummers en de knoppen enz ook allemaal mee

Haasie
%Europe/Berlin %625 %2007, 16:00
knopje werkt bij mij goed in cs3
moet wel ff je export op flash 9 zetten want die kan ook op 8 of lager staan.

666andre
%Europe/Berlin %742 %2007, 18:48
Door dit script te gebruiken lukt het me wel om hem full screen te krijgen, maar niet goed terug, hetzeflde probleem als radem205 dus

function goFullScreen() {
Stage["displayState"] = "fullScreen";
Stage.scaleMode = "exactFit";
theVideo._width = Stage.width;
theVideo._height = Stage.height;
theVideo._x = 0;
theVideo._y = 0;
videoList._visible = false;
loader._visible = false;
playButton._visible = false;
pauseButton._visible = false;
stopButton._visible = false;
fullScreenButton._visible = false;
}
function exitFullScreen()
{
Stage["displayState"] = "normal";
Stage.scaleMode = "noScale";
theVideo._width = "240";
theVideo._height = "180";
theVideo._x = "10";
theVideo._y = "10";
videoList._visible = true;
loader._visible = true;
playButton._visible = true;
pauseButton._visible = true;
stopButton._visible = true;
fullScreenButton._visible = true
}



fullScreenButton.onRelease = function() {
if (Stage["displayState"] == "fullScreen") {
exitFullScreen();
trace ("Exit Full-Screen &");
}

if (Stage["displayState"] == "normal") {
goFullScreen();
trace ("Go Full-Screen &");
}
}

radem205
%Europe/Berlin %776 %2007, 19:38
Ik weet waar aan het ligt. Je moet een Eventlistener gebruiken zoals onderstaand voorbeeld:


EventListener = new Object;
EventListener.onFullScreen = function( bFull:Boolean ){
if(bFull){
// Hier wat er moet gebeuren bij fullscreen
}
else {
// Hier alles terugzetten naar de goede positie.
}
}
Stage.addListener( EventListener );

666andre
%Europe/Berlin %789 %2007, 19:57
Ik snap niet precies hoe ik dat nu moet maken, ik ben nl niet goed met actionscript :P

Hoe moet ik het nou maken met een button erbij ?

radem205
%Europe/Berlin %829 %2007, 20:54
Je zet als actionscript het volgende in een frame:


EventListener = new Object();
EventListener.onFullScreen = function( bFull:Boolean ){
if(bFull){
// Hier wat er moet gebeuren bij fullscreen
}
else {
// Hier alles terugzetten naar de goede positie.
}
}
Stage.addListener( EventListener );

function goFullScreen()
{
Stage["displayState"] = "fullScreen";
}
function exitFullScreen()
{
Stage["displayState"] = "normal";
}

fullscreen_btn.onRelease = function() {
if (Stage["displayState"] == "fullScreen") {
exitFullScreen();
}

if (Stage["displayState"] == "normal") {
goFullScreen();
}
}


De button moet dus een instancename "fullscreen_btn" hebben.

De eventlistener kijkt, zoals de naam al aangeeft, of er een event wordt uitgevoerd die gespecificeerd is aan de fullscreen mode. Hierin kan je dus aangeven wat ie moet doen wanneer de fullscreen mode is geactiveerd (bFull = true) en wanneer ie in de normale modus springt (bFull = false).

666andre
%Europe/Berlin %852 %2007, 21:26
omg hij werkt!, Thaaanks radem voor hulp en rest natuurlijk ook :D

Justhim
%Europe/Berlin %623 %2007, 15:57
Hi,
Ik wilde hetzelfde als deze topicstarter dus ben de stappen gevolgd en ik heb nu het probleem dat wanneer hij op fullscreen springt het formaat van de film niet aanpast. Praktisch zet ie nu gewoon mijn flashfilmpje incl controls linksboven in de hoek in hetzelfde formaat als dat ie in de site stond, wanneer ik op ESC druk gaat hij wel gewoon netjes terug naar het formaat in de site.

Weet iemand wat ik hier aan kan doen?

alvast bedankt!

Justhim
%Europe/Berlin %636 %2007, 16:17
Ik heb het al gevonden... moest nog het een en ander aangeven in de goFullscreen function...

jeroenvink
%Europe/Berlin %571 %2007, 13:43
Voor zover ik weet is dit pas mogelijk vanaf flashplayer 9, als jullie hetzelfde als bij youtube bedoelen. En aangezien je in lagere versies van flash ook lager publiceert dan 9, kan dit dan alleen in flash cs3.

Ik werk met flash professional 8, en het kan hiermee ook gebouwd worden, overigens kan ik het op deze pc niet controleren omdat hier geen player 9.0 op zit, helaas kan ik die ook niet zelf installeren:P. gebruikersrechten enzo blabla. :S