Como implementar videos no seu site para iPhone?

A medida que vamos estudando o desenvolvimento do iPhone na web e no SDK, postaremos aqui soluções encontradas para facilitar seu conhecimento sobre algumas coisas que vão ser úteis para a programação nessa nova plataforma móvel.

Uma das implementações que a globo.com fez no seu site móvel para iPhone é o video no formato mp4 que toca direto no iPhone sem precisar de upar o video no youtube e colocar o código embed no site, mas que também funciona legal.

• Primeiramente é preciso configurar o mime-type correto dos arquivos de vídeo. Para isso é necessário carregar o módulo mime_module, inserindo as seguintes linhas no httpd.conf:

LoadModule mime_module modules/mod_mime.so
AddType video/mp4 .mp4

• Todos os vídeos devem ser convertidos então no formato .mp4 com o codec H.264.

• Faça o download do JavaScript AC_QuickTime.js no site da Apple.
• Inclua esse código no início da página:

  <script src="AC_QuickTime.js" language="javascript"> </script>

• Sintaxe para inserir o video na página:

  <script language="javascript">
      QT_WriteOBJECT('MyMovie.mov' , '320', '240' , '');
  </script>

Caso queira mais informações sobre chamadas para o video e entrar mais afundo no assunto, entre no próprio site da apple.

Como adaptar um site para o iPhone?

Você é desenvolvedor web da sua empresa ou tem um site e gostaria que seus visitantes  o acessem pelo iPhone?

O código abaixo faz com que seu site ao ser acessado por um dispositivo móvel seja encaminhado ao site criado para este; ou se acessado por um browser comum, abre o site normalmente.

<?php
$mobile_browser = ‘0′;

if(preg_match(‘/(up.browser|up.link|mmp|symbian|smartphone|midp|wap|phone)/i’,
strtolower($_SERVER['HTTP_USER_AGENT']))){
$mobile_browser++;
}

if((strpos(strtolower($_SERVER['HTTP_ACCEPT']),‘application/vnd.wap.xhtml+xml’)>0) or
((isset($_SERVER['HTTP_X_WAP_PROFILE']) or isset($_SERVER['HTTP_PROFILE'])))){
$mobile_browser++;
}

$mobile_ua = strtolower(substr($_SERVER['HTTP_USER_AGENT'],0,4));
$mobile_agents = array(
‘w3c ‘,‘acs-’,‘alav’,‘alca’,‘amoi’,‘audi’,‘avan’,‘benq’,‘bird’,‘blac’,
‘blaz’,‘brew’,‘cell’,‘cldc’,‘cmd-’,‘dang’,‘doco’,‘eric’,‘hipt’,‘inno’,
‘ipaq’,‘java’,‘jigs’,‘kddi’,‘keji’,‘leno’,‘lg-c’,‘lg-d’,‘lg-g’,‘lge-’,
‘maui’,‘maxo’,‘midp’,‘mits’,‘mmef’,‘mobi’,‘mot-’,‘moto’,‘mwbp’,‘nec-’,
‘newt’,‘noki’,‘oper’,‘palm’,‘pana’,‘pant’,‘phil’,‘play’,‘port’,‘prox’,
‘qwap’,’sage’,’sams’,’sany’,’sch-’,’sec-’,’send’,’seri’,’sgh-’,’shar’,
’sie-’,’siem’,’smal’,’smar’,’sony’,’sph-’,’symb’,‘t-mo’,‘teli’,‘tim-’,
‘tosh’,‘tsm-’,‘upg1′,‘upsi’,‘vk-v’,‘voda’,‘wap-’,‘wapa’,‘wapi’,‘wapp’,
‘wapr’,‘webc’,‘winw’,‘winw’,‘xda’,‘xda-’);

if(in_array($mobile_ua,$mobile_agents)){
$mobile_browser++;
}
if (strpos(strtolower($_SERVER['ALL_HTTP']),‘OperaMini’)>0) {
$mobile_browser++;
}
if (strpos(strtolower($_SERVER['HTTP_USER_AGENT']),‘windows’)>0) {
$mobile_browser=0;
}

if($mobile_browser>0){
// encaminha o usuario ao site de dispositivos móveis
} else {
// abre o site normalmente
}
?>

Em breve disponibilizaremos como desenvolver seu site para iPhone usando uma ferramenta simples.