Video dan Audio - infongajar.files.wordpress.com … · Web viewPanjang gelombang suara...

23
10 Video dan Audio Overview Sound/suara adalah fenomena fisik yang dihasilkan oleh getaran benda. Getaran suatu benda yang berupa sinyal analog dengan amplitudo yang berubah secara kontinyu terhadap waktu. Suara berhubungan erat dengan rasa “mendengar”. Suara/bunyi biasanya merambat melalui udara. Suara/bunyi tidak bisa merambat melalui ruang hampa. Sedangkan video adalah teknologi untuk menangkap, merekam, memproses, mentransmisikan dan menata ulang gambar bergerak. Biasanya menggunakan film seluloid, sinyal elektronik, atau media digital. Tujuan

Transcript of Video dan Audio - infongajar.files.wordpress.com … · Web viewPanjang gelombang suara...

Page 1: Video dan Audio - infongajar.files.wordpress.com … · Web viewPanjang gelombang suara (wavelength) dirumuskan = c/f. ... Keras lemahnya bunyi atau tinggi rendahnya gelombang. Satuan

10 Video dan Audio

Overview

Sound/suara adalah fenomena fisik yang dihasilkan oleh getaran benda. Getaran suatu benda yang berupa sinyal analog dengan amplitudo yang berubah secara kontinyu terhadap waktu. Suara berhubungan erat dengan rasa “mendengar”. Suara/bunyi biasanya merambat melalui udara. Suara/bunyi tidak bisa merambat melalui ruang hampa.

Sedangkan video adalah teknologi untuk menangkap, merekam, memproses, mentransmisikan dan menata ulang gambar bergerak. Biasanya menggunakan film seluloid, sinyal elektronik, atau media digital.

Tujuan

1. Mahasiswa memahami konsep ActionScript dan penerapannya untuk menghasilkan animasi yang interaktif

2. Mahasiswa memahami fungsi dan penerapan actionscript pada tombol/button.

3. Mahasiswa mampu membuat animasi movie clip menggunakan ActionScript.

Page 2: Video dan Audio - infongajar.files.wordpress.com … · Web viewPanjang gelombang suara (wavelength) dirumuskan = c/f. ... Keras lemahnya bunyi atau tinggi rendahnya gelombang. Satuan

11.1 Suara

Suara dihasilkan oleh getaran suatu benda. Selama bergetar, perbedaan tekanan terjadi di udara sekitarnya. Pola osilasi yang terjadi dinamakan sebagai “gelombang”. Gelombang mempunyai pola sama yang berulang pada interval tertentu, yang disebut sebagai “periode”.

Contoh suara periodik : instrument musik, nyanyian burung, dllContoh suara nonperiodik : batuk, percikan ombak, dll

Suara berkaitan erat dengan:1. Frekuensi

Banyaknya periode dalam 1 detik Satuan : Hertz (Hz) atau cycles per second (cps) Panjang gelombang suara (wavelength) dirumuskan =

c/f

Dimana c = kecepatan rambat bunyiDimana f = frekuensi

Suara yang berada pada range pendengaran manusia sebagai “Audio”, dan gelombangnya sebagai “Accoustic Signals”. Suara diluar range pendengaran manusia dapat dikatakan sebagai “Noise” (getaran yang tidak teratur dan tidak berurutan dalam berbagai frekuensi, tidak dapat didengar manusia).Fourier Analysis? suatu sinyal analog terdiri dari sebuah frekuensi sinuoidal

2. Amplitudo Keras lemahnya bunyi atau tinggi rendahnya

gelombang. Satuan amplitudo adalah decibel (db) Bunyi mulai dapat merusak telinga jika tingkat

volumenya lebih besar dari 85 dB dan pada ukuran 130 dB akan mampu membuat hancur gendang telinga

3. Velocity Kecepatan perambatan gelombang bunyi sampai ke

telinga pendengar. Satuan yang digunakan : m/s

Page 3: Video dan Audio - infongajar.files.wordpress.com … · Web viewPanjang gelombang suara (wavelength) dirumuskan = c/f. ... Keras lemahnya bunyi atau tinggi rendahnya gelombang. Satuan

Pada udara kering dengan suhu 20 °C (68 °F)m kecepatan rambat suara sekitar 343 m/s.

11.2 Representasi Suara

Gelombang suara analog tidak dapat langsung direpresentasikan pada komputer. Komputer mengukur amplitudo pada satuan waktu tertentu untuk menghasilkan sejumlah angka. Tiap satuan pengukuran ini dinamakan “Sample”.

11.2.1Analog To Digital Conversion (ADC)

ADC adalah proses mengubah amplitudo gelombang bunyi ke dalam waktu interval tertentu (disebut juga sampling), sehingga menghasilkan representasi digital dari suara.

Fungsi sampling adalah: membuang frekuensi tinggi dari source signal mengambil sample pada interval waktu tertentu

(sampling) menyimpan amplitudo sample dan mengubahnya ke

dalam bentuk diskrit (kuantisasi) merubah bentuk menjadi nilai biner.

11.2.2Digital To Analog Conversion (DAC)

Digital To Analog Converter (DAC) Adalah proses mengubah digital audio menjadi sinyal analog. DAC biasanya hanya menerima sinyal digital Pulse Code Modulation (PCM).

PCM adalah representasi digital dari sinyal analog, dimana gelombang disample secara beraturan berdasarkan interval waktu tertentu, yang kemudian akan diubah ke biner. Proses pengubahan ke biner disebut Quantisasi.

Contoh DAC adalah: soundcard, CDPlayer, IPod, mp3player

Page 4: Video dan Audio - infongajar.files.wordpress.com … · Web viewPanjang gelombang suara (wavelength) dirumuskan = c/f. ... Keras lemahnya bunyi atau tinggi rendahnya gelombang. Satuan

11.3 Suara di FlashSound atau suara merupakan object tersembunyi dalam Flash (tidak ditampilkan pada layar). Oleh karena itu, kita membutuhkan Action untuk mengatur berbagai hal seperti looping, sound effect, dll.

music = new Sound();music.loadSound("sound.mp3",false);

Script diatas memasukkan suara secara dinamis.

music.stop();

Untuk menghentikan suara:

music.start(0,99);Script tersebut menunjukkan waktu mulai dari detik ke 0 dan akan diulang (di‐looping) sebanyak 99 kali.

11.3.1Import SuaraUntuk melakukan import suara di Flash dapat dilakukan dengan langkah sebagai berikut:

Tekan File>Import>Import to Library atau Import to Stage

Pilih suara yang akan anda import. Format file yang bisa anda masukan adalah WAV (Windows), AIFF (Macintosh), MP3 (Windows/Macintosh), jika anda sudah menginstall Quicktime ver 4 keatas anda bisa mengimport suara yang lain yaitu AIFF (Windows/Macintosh), Sound Designer II (Macintosh), Sound Only QuickTime Movies (Windows/Macintosh), Sun AU (Windows/Macintosh), System 7 Sounds (Macintosh) WAV (Windows/Macintosh). Setelah anda pilih lalu tekan Open.

Page 5: Video dan Audio - infongajar.files.wordpress.com … · Web viewPanjang gelombang suara (wavelength) dirumuskan = c/f. ... Keras lemahnya bunyi atau tinggi rendahnya gelombang. Satuan

Secara otomatis, suara yang diimport tersebut akan ke Panel Library

Jika anda ingin mengkompresi suara, anda bisa juga bisa melakukannya di flash. Caranya buka kotak Library dengan menekan Ctrl+L. Klik kanan suara yang anda import dan pilih Properties

11.3.2Memasukan suara ke frame

Klik/seleksi frame pada timeline yang anda ingin beri suara, misal-nya anda  menginginkannya di frame 1. Lalu tekan Ctrl+F3 untuk memunculkan kotak Properties.

Page 6: Video dan Audio - infongajar.files.wordpress.com … · Web viewPanjang gelombang suara (wavelength) dirumuskan = c/f. ... Keras lemahnya bunyi atau tinggi rendahnya gelombang. Satuan

Ubah Sound di kotak properties ke nama suara yang anda import.

Di bawah sound, ada Effect dan Sync yang berfungsi:

Effecto None : tidak ada efek yang di aktifkano Left Channel : Suara akan terdengar di speaker

sebelah kiri sajao Right Channel : Suara akan terdengar di speaker

sebelah kanan sajao Fade Left to Right : Suara akan terdengar dari speaker

sebelah kiri ke speaker sebelah kanano Fade Right to Left : Suara akan terdengar dari speaker

sebelah kanan ke speaker sebelah kirio Fade In : Volume suara akan semakin meningkat

secara bertahap selama suara dimainkan.o Fade Out : Volume suara akan semakin menurun

secara bertahap selama suara dimainkan.o Custom : Anda dapat mengatur effect sesuai keinginan

anda dengan menggunakan Edit Envelope

Sync o event : suara akan dimainkan sampai selesai jika

jumlah frame adalah 1 atau jumlah frame sama dengan panjang suara

o start :  suara akan dimainkan sampai selesaio stop : suara tidak akan dimainkan

Page 7: Video dan Audio - infongajar.files.wordpress.com … · Web viewPanjang gelombang suara (wavelength) dirumuskan = c/f. ... Keras lemahnya bunyi atau tinggi rendahnya gelombang. Satuan

o stream : suara akan dimainkan sesuai dengan jumlah maksimal frame di timeline

o Repeat : berapa banyak suara dimainkano Loop : suara akan dimainkan secara terus menerus

Click kembali pada frame tempat sound berada. Panjangkan frame tersebut dengan menekan F5. Hasilnya seperti berikut:

Jika sudah selesai mengaturnya tekan Ctrl+Enter untuk melihat hasilnya.

11.3.3Menghapus Suara

Tekan tombol Edit pada Panel Properties, lalu geser pan Area yang berwarna abu-abu adalah bagian yang dihapus. Tekan tombol OK

Dapat juga dengan me-link-kan dengan aplikasi sound editor melalui menu Edit with…

Pilih sound dalam Panel Library, lalu klik kanan mouse pada nama sound, kemudian pilih Edit with…

Dalam kasus ini memakai Cool Edit Pro

Page 8: Video dan Audio - infongajar.files.wordpress.com … · Web viewPanjang gelombang suara (wavelength) dirumuskan = c/f. ... Keras lemahnya bunyi atau tinggi rendahnya gelombang. Satuan

Tekan Open

Lakukan edit pada aplikasi sound editor, kemudian lakukan Save file.

Setelah itu lakukan Update pada sound dalam aplikasi flash

Klik kanan nama sound, pilih Update

11.3.4Pengaturan Suara

Untuk mengatur sound pada frame Timeline, dalam flash dikenal Sound Synchronize, terdiri dari:

• Event, cocok untuk sebuah event button. Event sound di-mainkan secara independen.

• Start, sama dengan Event namun hanya dapat dimainkan sekali.

• Stop, menghentikan sound.

Page 9: Video dan Audio - infongajar.files.wordpress.com … · Web viewPanjang gelombang suara (wavelength) dirumuskan = c/f. ... Keras lemahnya bunyi atau tinggi rendahnya gelombang. Satuan

• Stream synchronizes, dimainkan sesuai dengan frame berjalan. Sangat cocok untuk sound animasi.

Latihan Memainkan Suara di Flash

Tekan Ctrl+L untuk membuka kotak Library. Klik kanan suara yang anda import di kotak Library dan pilih Linkage…

Berikan centang pada Export for ActionScript 3. Ubah Identifier sesuai keinginan anda, misalnya kita ganti men-jadi suara1. Jika sudah tekan OK

Klik frame 1 dan tekan F9. Pada kotak dialog yang muncul masukan script berikut:

Page 10: Video dan Audio - infongajar.files.wordpress.com … · Web viewPanjang gelombang suara (wavelength) dirumuskan = c/f. ... Keras lemahnya bunyi atau tinggi rendahnya gelombang. Satuan

//mySound adalah sebuah variable, anda dapat menggantinya sesuai keinginan anda misalnya suaraKumySound = new Sound();//suara1 adalah Identifier yang anda berikan di LinkagemySound.attachSound("suara1");//masukan script di bawah untuk memainkan suaranya//angka 1 di bawah ini menunjukan berapa banyak suara dimainkan//jika anda ingin memainkannya secara loop/terus menerus, ubah menjadi 999mySound.start(0, 1);

Jalankan untuk melihat hasilnya

11.4 VideoDigital video adalah jenis sistem video recording yang bekerja menggunakan sistem digital dibandingkan dengan analog dalam hal representasi videonya. Biasanya digital video direkam dalam tape, kemudian didistribusikan melalui optical disc, misalnya VCD dan DVD.

Salah satu alat yang dapat digunakan untuk menghasilkan video digital adalah camcorder, yang digunakan untuk merekam gambar-gambar video dan audio, sehingga sebuah camcorder akan terdiri dari camera dan recorder. Macam-macam camcorder: miniDV, DVD camcorder, dan digital8.

11.5 Video di Flash

Flash menyediakan beberapa metoda untuk video content. Diantaranya:Streaming video content 

Progressive download dari external file atau webserverStreaming dari Flash Video Streaming ServiceStreaming dari Flash Comunication Server

Page 11: Video dan Audio - infongajar.files.wordpress.com … · Web viewPanjang gelombang suara (wavelength) dirumuskan = c/f. ... Keras lemahnya bunyi atau tinggi rendahnya gelombang. Satuan

Embedded video Memasukkan dalam Timeline dari file SWF

Linked QuickTime Video

Page 12: Video dan Audio - infongajar.files.wordpress.com … · Web viewPanjang gelombang suara (wavelength) dirumuskan = c/f. ... Keras lemahnya bunyi atau tinggi rendahnya gelombang. Satuan

Latihan menambahkan Video ke dalam file Flash: Lakukan Import Video dengan perintah Menu > Import >

Import Video seperti gambar berikut:

Kemudian akan muncul dialog import video.

Lakukan browsing file video yang akan ditambahkan ke stage.

Kemudian Click Next

Page 13: Video dan Audio - infongajar.files.wordpress.com … · Web viewPanjang gelombang suara (wavelength) dirumuskan = c/f. ... Keras lemahnya bunyi atau tinggi rendahnya gelombang. Satuan

Lakukan pengaturan skinning jika diperlukan (1), atau click next jika menggunakan pengesetan default (2)

Sehingga kemudian akan tampak video player di stage.

Lakukan Test Movie, maka akan muncul windows player seperti berikut:

Membuat Flash Player Sendiri:Sudah banyak video yang di pasang di website-website maupun web blog setelah popularnya Youtube dan Google belakangan ini. Video-video ini dipasang dengan menggunakan free player yang disedikan oleh mereka. Jadi kita dapat sharing video milik kita yang ditampung di server mereka untuk dipasang di website milik orang.

Page 14: Video dan Audio - infongajar.files.wordpress.com … · Web viewPanjang gelombang suara (wavelength) dirumuskan = c/f. ... Keras lemahnya bunyi atau tinggi rendahnya gelombang. Satuan

Buat file flash baru dengan nama ‘player’ Karena document file yang akan kita buat adalah sebuah

player, kita set ukuran document ini sesuai dengan player yang kita inginkan melalui toolbar ‘modify’ | ‘document’

Disini kita setting dengan ukuran referensi video dari flash (320×240 pixels), kita tambahkan ukuran untuk tinggi menjadi 280 karena space untuk ‘playback’ video-nya.

Setting fps (frames per second) dengan 12 standard flash dan supaya video yang dijalankan tidak terlalu berat untuk dimainkan.

Atur lembar kerja layer menjadi 2 beri nama ‘action’ dan ‘player’ seperti gambar dibawah:

Tarik component Playback yang ada di window compo-nents, letakkan pada layer ‘player’

Page 15: Video dan Audio - infongajar.files.wordpress.com … · Web viewPanjang gelombang suara (wavelength) dirumuskan = c/f. ... Keras lemahnya bunyi atau tinggi rendahnya gelombang. Satuan

Beri nama instance name-nya dengan ‘player_mc’ Setelah itu rubah angka parameter untuk ‘Buffer Time’

menjadi 5 (untuk memberi kesempatan playback untuk buffering video sebelum dimainkan dari parameter stan-darnya adalah 0.1).Karena dengan parameter 0.1 hampir tidak memu-ngkinkan dengan koneksi yang ada di Indonesia sekarang ini, video akan tersendat-sendat waktu dimainkan.

Masukkan action script berikut pada layer ‘action’ melalui window ‘action’Tentukan variable yang bersifat global dengan nama ‘file’, variable ini bisa juga difungsikan sebagai URL variable yang dapat dikirim dari luar flash movie_global.file;

masukkan script ini dibawahnya, yaitu script sebagai playback video yang dibuat:import mx.video.*;

var listenerObject:Object = new Object();listenerObject.stateChange = function(eventObject:Object):Void {if(player_mc.buffering){_root.buffering_mc._visible = true;} else {_root.buffering_mc._visible = false;}};player_mc.addEventListener(”stateChange”, listenerObject);Tentukan file video yang akan dimainkanplayer_mc.contentPath = _root.file;

Publish file flash anda dengan nama ‘player.swf’ Langkah terakhir adalah memainkan dan memanggil flv

file melalui HTML file (player.html)Buka file html anda dengan ‘dreamweaver’, tambahkan parameter nama flv file berikut pada object flash anda:player.swf?file=namafile.flv

Page 16: Video dan Audio - infongajar.files.wordpress.com … · Web viewPanjang gelombang suara (wavelength) dirumuskan = c/f. ... Keras lemahnya bunyi atau tinggi rendahnya gelombang. Satuan

Untuk memanggil file yang ada di web masukkan lengkap dengan nama URL anda sepert:player.swf?file=http://mediasolusindo.com/player/telkomsel.flv

Rangkuman

Suara berkaitan erat dengan Frekuensi, Amplitudo, dan Velocity

Gelombang suara analog tidak dapat langsung direpresentasikan pada komputer. Untuk itu diperlukan proses Analog to Digital Conversion (ADC), serta mengubahnya kembali menjadi analog dengan proses DAC (Digital to Analog Conversion).

Untuk mengatur sound pada frame Timeline, dalam flash dikenal Sound Synchronize, terdiri dari: Event, Start, Stop, dan Stream.

Digital video adalah jenis sistem video recording yang bekerja menggunakan sistem digital dibandingkan dengan analog dalam hal representasi videonya.

Page 17: Video dan Audio - infongajar.files.wordpress.com … · Web viewPanjang gelombang suara (wavelength) dirumuskan = c/f. ... Keras lemahnya bunyi atau tinggi rendahnya gelombang. Satuan

Kuis Benar Salah

1. Gelombang suara analog tidak dapat langsung direpresentasikan pada komputer.

2. Amplitudo adalah Kecepatan perambatan gelombang bunyi sampai ke telinga pendengar.

3. Salah satu fungsi sampling adalah merubah bentuk analog menjadi nilai desimal.

4. System 7 Sounds merupakan format audio yang digunakan di linux.

5. event : fungsi syncronize yang akan menmbuat suara akan dimainkan sampai selesai jika jumlah frame adalah 1 atau jumlah frame sama dengan panjang suara

Page 18: Video dan Audio - infongajar.files.wordpress.com … · Web viewPanjang gelombang suara (wavelength) dirumuskan = c/f. ... Keras lemahnya bunyi atau tinggi rendahnya gelombang. Satuan

Pilihan Ganda

Petunjuk: Pilihlah jawaban yang paling tepat!

1.Proses mengubah amplitudo gelombang bunyi ke dalam waktu interval tertentu (disebut juga sampling), sehingga menghasilkan representasi digital dari suara.

A. AAC D. AADC

B.DAC E

. ADCC. ACA2. Yang bukan termasuk format video/suara yang dapat

dijalankan di windows adalah:A. WAV D. MP3

B. System 7 SoundsE. FLV

C. BMP3. Effect volume yang menyebabkan suara akan semakin

meningkat secara bertahap selama suara dimainkanA. PassingIn D. Right Channel

B. FadeoutE. FadeIn

C. PullUp4. Format vdeo yang sedang ngetrend digunakan untuk

proses streaming melalui internet adalah:A. FLA D. FLV

B. SWIE. MP2

C. SWF5. Yang bukan termasuk fungsi sound Synchronize

adalah:A. Event D. Start

B. ShowE. Stop

C. Stream

Page 19: Video dan Audio - infongajar.files.wordpress.com … · Web viewPanjang gelombang suara (wavelength) dirumuskan = c/f. ... Keras lemahnya bunyi atau tinggi rendahnya gelombang. Satuan

Latihan

Buatlah animasi intro lengkap dengan sound dan video. Kemudian buat file swf untuk main loader. Lakukan load

Movie swf animasi intro menggunakan component.