Build an iPad app in a few hours.

webfraggle — Sun, 18 Sep 2011 11:08:29 +0000

The challenge:
“We need a small iPad app. Just four buttons, every button opens a video. Today!”
I thought, “OK”. I had only a freshly installed Mac and an Apple developer account.

Install Appcelerator Titanium Studio
Update the SDK to 1.8
Go through the Apple Certification Process to get a new private key, your certificate and a provisioning profile
Setup a new project in Titanium Studio
Code and test the app

And I love Appcelerator Titanium because these few lines had done the job:

Titanium.UI.setBackgroundColor('#000');
Titanium.UI.orientation = Titanium.UI.LANDSCAPE_LEFT;
win = Titanium.UI.createWindow({
    title:'win1',
    backgroundColor:'#fff',
    navBarHidden:true,
    fullscreen:true
});
win.orientationModes = [ Titanium.UI.LANDSCAPE_LEFT ];

var videoPlayer = Titanium.Media.createVideoPlayer({
      backgroundColor:'#000',
      movieControlMode:Titanium.Media.VIDEO_CONTROL_FULLSCREEN,
      scalingMode:Titanium.Media.VIDEO_SCALING_ASPECT_FIT,
      autoplay:false,
      visible:false
});

videoPlayer.addEventListener('complete',function(e)
{
		videoPlayer.stop();
		videoPlayer.hide();
		Ti.UI.iPhone.hideStatusBar();
		win.hideNavBar();
});

var bg = Titanium.UI.createImageView({image:'img/bg.png',top:0,left:0,width:1024,height:768});
win.add(bg);

var button = Titanium.UI.createButton({
   backgroundImage:'img/btn.png',
   width: 442,height:228,top:155,left:65
});

var button2 = Titanium.UI.createButton({
   backgroundImage:'img/btn2.png',
   width: 442,height:228,top:155,left:519
});

var button3 = Titanium.UI.createButton({
   backgroundImage:'img/btn3.png',
   width: 442,height:228,top:398,left:65
});
var button4 = Titanium.UI.createButton({
   backgroundImage:'img/btn4.png',
   width: 442,height:228,top:398,left:519
});

button.addEventListener('click',buttonClicked);
button2.addEventListener('click',buttonClicked);
button3.addEventListener('click',buttonClicked);
button4.addEventListener('click',buttonClicked);
win.add(button);
win.add(button2);
win.add(button3);
win.add(button4);
win.add(videoPlayer);
win.open();
Ti.UI.iPhone.hideStatusBar();
win.hideNavBar();

function buttonClicked(e)
{
   var videoUrl = "";
   switch (e.source)
   {
   		case button:
   			videoUrl = 'videos/video01.mp4';
   		break;
   		case button2:
   			videoUrl = 'videos/video02.mp4';
   		break;
   		case button3:
   			videoUrl = 'videos/video03.mp4';
   		break;
   		case button4:
   			videoUrl = 'videos/video04.mp4';
   		break;
   }
	showVideo(videoUrl);
}

function showVideo(w)
{
	videoPlayer.setUrl(w);
	videoPlayer.show();
	videoPlayer.play();
}

And the whole job was only done in about two hours.

AS3 FLVPlayback smoothing the scaling.

webfraggle — Tue, 20 Jul 2010 10:33:35 +0000

I searched a little while, found only AS2 workarounds, but here is the AS3 version of interpolated, smooth video scaling of a FLVPlayback.

//playback is your FLVplayback instance playback.getVideoPlayer(playback.activeVideoPlayerIndex).smoothing = true;

I use it after the ready event was send.

xmoovStream, php Streaming Server

webfraggle — Wed, 13 Jan 2010 22:14:21 +0000

Ich habe den xmoovStream Server von Eric getestet und finde, dass das Teil ziemliches Potenzial hat. Wer selbst mal probieren will, kann es auf meinen meinem Server http://stream.xplore-it.com/xsexamples, oder auch auf dem xmoovStream Server tun.

Ich wurde auch dankend erwähnt

webfraggle » video

Build an iPad app in a few hours.

AS3 FLVPlayback smoothing the scaling.

xmoovStream, php Streaming Server