Author by Yosef Doublehorn
Author by : Doublehorn
DAFTAR ISI
Protected by Copyscape Online Infringement Detector

20 Januari 2012

Making Easy HTML5 Video for your Website



Easy HTML5 Video is a free wizard program that helps you create HTML5 video for your website in a few clicks.

Video HTML5 (bagian dari HTML5) merupakan cara baru menampilkan video online. iPad, iPhone dan Android. semua browser juga sudah men-support video HTML5.

Install HTML5 Video di website

Pertama, Anda memerlukan Video Converter dan membuat 3 versi video : OGG, MP4 dan  WebM. Anda  ekstrak gambar yang akan menjadi poster dan menulis baris kode batch untuk menggabungkan semua itu.  ... Kesannya rumit,  yaa???

Lupakan masalah teknis tersebut!!!. Dengan EasyHTML5Video hanya dibutuhkan 3 langkah kecil.

  1. Drag-n-drop file video ke  Easy HTML5 Video;
  2. Mengatur foto poster, memilih codecs, pengaturan lagu;
  3. Tekan "Start".

Hasilnya, Anda mendapat halaman HTML dengan semua kode, gambar dan video yang diperlukan.

Apa yang baru pada Easy HTML5 Video?


Easy HTML5 Video  versi 1.3 (versi terakhir, direlease 10 November 2011) memiliki fitur :
  • Opsi "Loop"  –  untuk memainkan video dalam loop "tidak terbatas."
  • Opsi "Controls"  –  pilihan hapus centang untuk menyembunyikan kontrol video.

    loop HTML5 for website design blog

  • Support untuk  format video input baru : Apple ProRes, Windows Media Video 9, MPEG-4 bagian 2, Microsoft, On2 VP8, Chronomaster DFA, Intel Indeo 3, Mobotix MxPEG video, BBC Dirac VC-2
  • Bug Fixes
  • Kompatibilitas dengan IE7 dan Android
  • Ada opsi menghapus video
  • Ukuran video 320px x 240px. Tampilan video bisa dinikmati di Official website
HOW TO USE
  • STEP 1 - Menambahkan video ke Easy HTML5 Video Converter

    Tekan tombol "Select new video".  Browse ke  folder (yang ada) video dan pilih video.  Maka otomatis akan ditambahkan ke Video Converter. Atau lakukan drag video tersebut ke jendela Easy Html5 Video atau memilih video dari list terbaru.

    Adding Video
  • STEP 2 - Specify settings

    Pada jendela berikutnya Anda dapat mengatur spesifikasi untuk final video: seperti memilih poster gambar, mengubah video title dan opsi enable/disable 'Auto play'   Anda dapat mengatur ukuran video dan resize method, memilih support untuk browsers yang diinginkan dan mengubah watermark.

    Specify settings
    Sesudah semua setting didefinisikan tekan  “START”


  • STEP 3 - Publishing of Video (Menaruh video di website atau local drive).

    Kini siap diterbitkan ke website video online atau ke local drive untuk uji-coba dengan memilih :

    Publish to folder

    Memilih 1 folder di Harddisk, hanya dengan klik  tombol Browse  dan pilih satu lokasi. Lalu click OK. Atau mengaturnya via  opsi 'Open web page after publishing'


    - Publish to FTP server

    Jendela FTP Location Manager memungkinkan Anda mendefinisikan jumlah koneksi  ketika uploading website gallery Anda ke  suatu FTP server.


    Put video on website or local drive
    Anda dapat menambahkan situs FTP baru dengan klik 'Edit' di sebelah kanan dropdown list 'Publish to FTP server'. Jendela 'FTP Location Manager' akan muncul. Ketik kata bermakna (bukan nama host sebenarnya), nama situs Anda dan isikan rincian FTP pada bidang yang sesuai. Anda harus ketik nama host, misalnya domain. Port  FTP biasa terletak pada port 21.  Jika menggunakan port lain, Anda harus masukkan di sini.

    Ketik username dan password untuk koneksi. Jika tidak  mengisi informasi ini, lightbox Video tidak bisa  terhubung ke website dan tidak bisa upload video. Jika situs memungkinkan koneksi anonim, ketik saja anonim sebagai username dan e-mail sebagai password.

    Adding video to website via FTP
    Anda bisa ubah Directory seperti juga Upload gambar yang ditempatkan, misal di "www/gallery/" dan menentukan spesifikasi di field  FTP Folder pada Publish Gallery window.

    PERHATIKAN!!!
    -   Ketik nama folder tersebut dimana galeri video website akan ditempatkan di server-nya.
    -   Sebaiknya menentukan spesifikasi 
    -   Galeri video  website di-upload ke Root folder server!

  • STEP 4 - Add Video inside your own page.

    Easy HTML5 video hasilkan Special Code  untuk dicopy paste ke lokasi  video di web page.

        *      Export video gunakan Easy Html5 Video.  App in any test folder on a local drive.
        *      Buka file HTML yang dihasilkan dengan Text Editor (Notepad).
        *      Copy semua code dan Paste di tempat yang Anda inginkan (dalam tag BODY).

    <body>
       .....
    <video controls=&quotcontrols" autoplay=&quotautoplay" poster=&quotindex.files/Ford_Mustang.jpg" width=&quot480" height=&quot352">
       .....
      </video>
        .....
    </body>

DOWNLOAD

Download Free Edition for Windows
Download Free Edition for Mac

FREE Easy Html5 Video untuk  non-commercial.  Untuk usage bisnis perlu membayar Licence Fee. Easy Html5 Video Business Edition dilengkapi fitur penghapus Credit Line  EasyHtml5Video.com dan bahkan dapat menempatkan logo Anda sendiri.



Tag Technorati: {grup-tag}


Comments

0 komentar:

Posting Komentar di Website Design

-

Penelusuran topik khusus di blog ini
Loading