Understanding Video and Audio
Video နဲ႕ audio ေတြ ကို ကိုယ့္ရဲ႕ website ထဲမွာ ထည့္သြင္းႏိုင္ပါတယ္။ video ဟာ ကိုယ့္ရဲ႕ product ကို ေၾကာ္ျငာ သေဘာမ်ဳိး ဒါမွမဟုတ္ ရုပ္ရွင္ စတာေတြ အတြက္ ထည့္သြင္းၾကပါတယ္။
Video
Video ေတြဟာ internet connection ေကာင္းဖုိ႕ လိုပါတယ္။ video ကို ထည့္သြင္းရာမွာ file size ၾကီးတဲ့ အခါမွာ video ျမင္ရတာ ေႏွးသြားႏိုင္သလို borwser ေတြ တစ္ခု နဲ႕ တစ္ခု ဟာ support လုပ္တဲ့ file format ေတြ မတူပါဘူး။
HTML 5 မွာ video ထည့္သြင္းဖုိ႕အတြက္ <video> tag ပါဝင္လာပါတယ္။ src attribute မွာ <img> tag လိုမ်ဳိး video ရဲ႕ ပတ္လမ္းေၾကာင္းကို ထည့္သြင္းႏိုင္ပါတယ္။
Audio
Audio file ေတြဟာ ကိုယ့္ရဲ႕ site ထဲမွာ သီခ်င္းေတြ ေနာက္ျပီးေတာ့ အသံသြင္းထားတာေတြကို ထည့္ခ်င္တဲ့ အခါမွာ အသံုးျပဳႏိုင္ပါတယ္။ ေနာက္ျပီးေတာ့ podcast လိုမ်ဳိး စကားေျပာ အခန္း ဆက္ေတြလိုမ်ဳိး website ေတြမွာလည္း အသံုးျပဳႏိုင္ပါတယ္။
HTML 5 မွာ video ထည့္သြင္းဖုိ႕အတြက္ <audo> tag ပါဝင္လာပါတယ္။ src attribute မွာ <img> tag လိုမ်ဳိး video ရဲ႕ ပတ္လမ္းေၾကာင္းကို ထည့္သြင္းႏိုင္ပါတယ္။
Files
Video file ေတြဟာ ပံုမွန္ အားျဖင့္ အျမင့္ဆံုး 720p resolution ကို ပံုမွန္ အသံုးျပဳၾကပါတယ္။ အမ်ားဆံုး အေနနဲ႕ 1080p resoultion ကို အသံုးျပဳၾကတယ္။ connection ေႏွးတဲ့ ေနရာေတြ အတြက္ကေတာ့ 480p ေလာက္က ပို အဆင္ေျပပါလိမ့္မယ္။
Audio,Video File ေတြကို ေျပာင္းဖို႕အတြက္ converter ေတာ္ေတာ္မ်ားမ်ား ရိွပါတယ္။ HandBreak converter ဟာ video ေတြကို ေျပာင္းလဲဖုိ႕ အတြက္ ေကာင္းမြန္တဲ့ App ျဖစ္ျပီးေတာ့ Free လည္း ျဖစ္ပါတယ္။ ေနာက္ျပီးေတာ့ Miro ဟာ လည္း ရိုးရွင္းတဲ့ UI နဲ႕ အသံုးျပဳရလြယ္ပါတယ္။ WebM , Ogg Theora စတဲ့ format ေတြကို ေျပာင္းလဲ ႏိုင္ပါတယ္။
Different Browsers, Different Formats
Video , Audio ေတြဟာ browser ေပၚမွာ မူတည္ျပီး support လုပ္တာ ကြာပါတယ္။ ေအာက္မွာ ဇယားနဲ႕ တကြ ေဖာ္ျပထားပါတယ္။
| Browser | Video | Audio | |
|---|---|---|---|
| Google Chrome 10 | Ogg Theora (ogg,.ogv) | H.264 (.m4v) , WebM (.webm) | Vorbis (.ogg,.oga) |
| Mozilla Firefox 4 | Theora (.ogg,.ogv) , WebM (.webm) | Vorbis (.ogg, .oga) | |
| Internet Explorer 9 | H.264 (.m4v) , WebM(.webm) | Vorbis (.ogg,.oga) | |
| Apple Safari | H.264 (.m4v) | Mp3 (.mp3) |