NOTLARIMDAN...: HTML5

HTML5 etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

13 Mart 2013 Çarşamba

Android içinde WebView kullanarak HTML gösterimi

Kendime not:
Video oynatılamıyor çünkü droid web browserlar html5 video oynatmaya yeterli değil
Android webview cannot render youtube video embedded via iframe

<!DOCTYPE html>
<html>
<body>
<img src="img/dac_logo.png"/>

<video width="320" height="240" controls>
  <source src="mm/movie.mp4" type="video/mp4">
  <source src="mm/movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

</body>
</html>

package com.example.fragmentornegi;

import java.io.IOException;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.webkit.WebSettings;
import android.webkit.WebView;

public class Sag extends Fragment {
 @Override
 public View onCreateView(LayoutInflater inflater, 
   ViewGroup container, 
   Bundle savedInstanceState) {
  return inflater.inflate(R.layout.sag, container, false);
 }

 @Override
 public void onStart() {
  super.onStart();
  try {
   String[] sarrH1Dosyalari = getActivity().getAssets().list("html");
   for (int i = 0; i < sarrH1Dosyalari.length; i++) {
    Log.w("HD 1 içindekiler", sarrH1Dosyalari[i]);
   }

   WebView wv = (WebView) getActivity().findViewById(R.id.webv);
   wv.getSettings().setJavaScriptEnabled(true);
   wv.getSettings().setPluginState(WebSettings.PluginState.ON);
   wv.loadUrl("file:///android_asset/html/index.html");

   final String mimetype = "text/html";
   final String encoding = "UTF-8";
  } catch (IOException e) {
   e.printStackTrace();
  }
 }
}

10 Temmuz 2012 Salı

HTML5 Data özelliği

Ref: John Resig

<li class="user" data-name="John Resig" data-city="Boston"

data-lang="js" data-food="Bacon">

<b>John says:</b> <span>Hello, how are you?</span>

</li>

var user = document.getElementsByTagName("li")[0];

var pos = 0, span = user.getElementsByTagName("span")[0];

var phrases = [

{name: "city", prefix: "I am from "},

{name: "food", prefix: "I like to eat "},

{name: "lang", prefix: "I like to program in "}

];

user.addEventListener( "click", function(){

var phrase = phrases[ pos++ ];

// Use the .dataset property

span.innerHTML = phrase.prefix + user.dataset[ phrase.name ];

}, false);

span.innerHTML = phrase.prefix +

user.getAttribute("data-" + phrase.name );

22 Temmuz 2011 Cuma

HTML 5 te neler var?

Ref: Google I/O 2010

KIRMIZI : HTML
YEŞİL : Javascript
SARI : CSS

Canvas 3D (WebGL)

7 Haziran 2010 Pazartesi

HTML5 ve iPad ile Flash ve Silverlight'ın sonu mu geliyor ne

Malumunuz HTML5(Özellikle CANVAS elementi) ile birlikte iPad lere flash sokulmayacağı Stewe abimiz tarafından açıklanmıştı. HTML5 Google Chrome da çalışıyor (IE her zamanki gibi henüz destekleyemedi). Basit bir örnek yapmak istedim ve aşağıdaki kodu www.html5video.org sitesinden arakladım. ÇALIŞTI :D


<html>
<body>
 <video id="vid1" width="480" height="267" 
        poster="http://cdn.kaltura.org/apis/html5lib/kplayer-examples/media/bbb480.jpg"
        durationHint="33"> 
      <source src="http://cdn.kaltura.org/apis/html5lib/kplayer-examples/media/bbb_trailer_iphone270P.m4v"/> 
      <source src="http://cdn.kaltura.org/apis/html5lib/kplayer-examples/media/bbb_trailer_400p.ogv" /> 
 </video> 
</body>
</html>

Yeni dönem hayırlı olsun. Silverlight'a başlayanlara geçmiş olsun. Flash'ta artık AIR ile nefes almaya devam eder inşallah. Yaşasın HTML5.

Aklımda Kalası Kelimeler