[AS3] Disable Fullscreen Video ActionScript 3 - nblognlife

[AS3] Disable Fullscreen Video ActionScript 3

Disable Fullscreen Video pada ActionScript 3

     Gambar di atas adalah template yang saya buat untuk menampilkan video yang merupakan salah satu bagian dari media pembelajaran yang pernah saya buat.

     Seperti terlihat pada template di atas, saya meletakkan video di bagian kiri dan keterangan di bagian kanan. Video yang saya sajikan adalah video “pengkabelan straight dan crossover”. Apabila dilihat dari adanya penyajian text dan video (plus suara tentunya) secara bersamaan, jika ada yang berpendapat bahwa pengkombinasian keduanya tidak efektif, saya sependapat. Karena kita tidak mungkin membaca sekaligus melihat video karena letaknya bersampingan. Namun tujuan saya di sini adalah menampilkan bagian dari video yang tidak terlihat jelas (*berhubung kualitas videonya yang rendah). Pada kotak keterangan saya menampilkan langkah-langkahnya, gambar urutan kabelnya, dan animasi dari LAN testernya sesuai dengan detik dimana hal-hal tersebut ditampilkan dalam video. Sehingga nantinya pada bagian yang kurang jelas (misalkan urutan kabel), video dapat dihentikan terlebih dahulu dan melihat kotak keterangan.

Disable Fullscreen Video
   Lanjut ke masalah utamanya, jadi ketika di play (export ke swf), video menjadi fullscreen tidak seperti ukuran yang saya atur sebelumnya. Hal ini tentu membuat kotak keterangan tidak terlihat dan tombol untuk kembali ke menu utama tertindih dan tidak dapat di klik.

   Mencoba cari-cari solusi di forum terkait, ketemu beberapa cara + codenya kemudian dicoba-coba tapi masih belum menyelesaikan masalah (it doesn’t work!). Dan sampai akhirnya ketemu solusinya juga.

MVvideotj.fullScreenTakeOver = false;

*Mvvideotj merupakan nama dari FLVPlayback

Memberikan Keterangan pada Video berupa Text ataupun Gambar, dsb.
      Seperti yang saya garis bawahi di atas “sesuai dengan detik”. Jika tadi hanya membahas tentang disable fullscreen, maka sekarang saya akan berbagi juga tentang menampilkan keterangan pada video. Bayangkan seperti subtitle jika kita sedang melihat film, dimana subtitle disampaikan sesuai dengan dialog yang sedang terjadi.

Berikut adalah potongan codenya.
import fl.video.VideoEvent;
import flash.events.Event;

var MVcurrentTime:Number = 0;
MVvideotj.addEventListener(VideoEvent.PLAYHEAD_UPDATE, MVplayheadUpdated);

function MVplayheadUpdated(event:VideoEvent):void {
    MVcurrentTime = event.playheadTime;
      if ((MVcurrentTime==0)) {
            MVpenjelasan.text = "\n\n\n\n\n\n\n\n\t \"VIDEO PENGKABELAN STRAIGHT & CROSS\"";
            //...
      }else if ((MVcurrentTime>=1) && (MVcurrentTime<=26)) {
            MVpenjelasan.text = "Siapkan peralatan yang akan digunakan untuk melakukan pengkabelan straight dan cross: \n\n- Kabel UTP \n- Pemotong kabel \n- Konektor RJ-45 \n- LAN Tester \n- Tang Crimping";
            //...
      }else if ((MVcurrentTime>=27) && (MVcurrentTime<=171)) {
            MVpenjelasan.text = "bla bla bla..";
            //...
      }
//...
//dst sampai selesai
}

MVvideotj.seek(MVcurrentTime);

Penjelasan
MVvideotj merupakan nama dari FLVPlayback
MVpenjelasan merupakan nama dari Dynamic Text

if ((MVcurrentTime==0))
*artinya pada detik ke-0

else if ((MVcurrentTime>=1) && (MVcurrentTime<=26))
*artinya pada detik ke-1 sampai ke-26

else if ((MVcurrentTime>=27) && (MVcurrentTime<=171))
*artinya pada detik ke-27 sampai ke-171


Kesalahan umum yang biasa terjadi
Kesalahan yang kecil namun fatal akibatnya, oleh karena itu jangan lupa
  1. Meletakkan video satu folder dengan file .swf;
  2. Jika menggunakan FLVPlayback maka gunakan file berekstensi .flv;

Klik Like & Share jika postingan ini bermanfaat
Apa tanggapan Anda?

Berikan tanggapan Anda melalui kolom komentar yang telah disediakan.
- Gunakan bahasa yang sopan;
- Saat menjadikan postingan pada blog ini sebagai referensi, jangan lupa mencantumkan sumbernya (link dari blog ini).

Jika blog ini bermanfaat jangan lupa memberikan 'like' atau 'share' untuk mendapatkan update terbaru.

Terima kasih