[AS3] Disable Fullscreen Video ActionScript 3
By
Rachmat Santoso
—
Senin, 03 Juli 2017
—
Tutorial
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
- Meletakkan video satu folder dengan file .swf;
- 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