know yourselves. information, computer, 7 wonders, various.

Wednesday, August 10, 2016

HTML_Part38_ওয়েব পেজ ভিডিও ও সাউন্ড সংযোগ


ওয়েব পেজ ভিডিও ও সাউন্ড সংযোগ
ওয়েবে এখন সাউন্ড, মিউজিক ভিডিও বা এনিমেশন সংযোগ এখন আর নতুন কিছু না। কিন্তু সব ধরনের ফাইল ফরম্যাট ওয়েবে প্রদর্শন না হলেও সাউন্ড বা ভিডিওর জন্য অধিকাংশ ব্রাউজার সাপোর্ট করে এ রকম কিছু প্রচলিত ফাইল ফরম্যাট রয়েছে। আর আমরা জানি ফাইল ফরম্যাট সনাক্ত করা হয় শেষ তিনটি extension অক্ষর দ্বারা। যেমন: .htm বা দ্বারা HTML ফাইল বোঝানো হয়, আবার  xml দ্বারা XML ফাইল বা CSS দ্বারা Style Sheet ফাইল বোঝানো হয়।

সমর্থিত সাউন্ড বা মিউজিক ফাইল ফরম্যাট
MIDI (.mid বা .midi) -এটি PC’র সাউন্ড কার্ড  দ্বারা সমর্থিত ডিজিট্যাল সাউন্ড ফাইল।
MP3 (.mp3) -এটি Moving Picture Group দ্বারা তৈরীকৃত MPEG ফাইলের সাউন্ড ফরম্যাট।
Real Audio (.rm বা .ram) - Real Media কর্তৃপক্ষ দ্বারা তৈরীকৃত অডিও ফাইল।
WAV (.wav) - IBM Microsoft এর তৈরী সাউন্ড ফাইল। এটি Windows,Macintosh এবং Linux উভয় অপারেটিং সিস্টেম সাপোর্ট করে।
WMA (.wma) Windows Media Audio - এটিকে MP3’র সাথে তুলনা করা হয় এবং শুধুমাত্র ipod ছাড়া সব ধরনের ব্রাউজার এটি সাপোর্ট করে।
সমর্থিত ভিডিও ফাইল ফরম্যাট
AVI (.avi ) AVI (Audio Video Interleave)-এটি  মাইক্রোসফট  দ্বারা তৈরী করা। এটি অধিকাংশ ব্রাউজার এবং উইন্ডোজ মেশিন সাপোর্ট করে কিন্তু উইন্ডোজ মেশিন ছাড়া এটি চলতে পারে না।
WMV–(.wmv) - এটিও মাইক্রোসফট এর তৈরী Windows Media Video এটিও উইন্ডোজ কম্পিউটার ছাড়া চলতে পারে না।
MPEG (.mpg বা .mpeg)- Moving  Picture Expert Group দ্বারা তৈরীকৃত এই ভিডিও সব ধরণের অপারেটিং সিস্টেম ও ব্রাউজারে চলতে পারে।
Quick Time (.mov) - এটি Apple দ্বারা তৈরীকৃত তবে Windows মেশিনে চলার জন্য আলাদা প্লেয়ার দরকার হয়।
Real Video (.rm বা .ram) - Real Media কতৃপক্ষ দ্বারা তৈরী । সাধারণত Internet TV তে এটি ব্যবহৃত হয়।
Flash (.swf বা .flv) – এটি Adobe দ্বারা তৈরী । এটি প্রথমে তৈরী করে Macromedia, এটিতেও আলাদা প্লেয়ার দরকার হয়।
Mp4 (.mp4 )– MPEG-4 বা Mp4 হচ্ছে ইন্টারনেটের জন্য আর্দশ ফরম্যাট। যেমন Youtube বিভিন্ন ফরম্যাটে ভিডিও ফাইল গ্রহন করলেও সেগুলিকে .flv বা .Mp4 এ রুপান্তর করে প্রদর্শন করে থাকে।

<Object> এলিমেন্টে
এই এলিমেন্টে দ্বারা ওয়েবে অডিও/ভিডিও চালানোর জন্য আলাদা Plagins কল করা হয় । এবং সেই প্লাগ-ইলস-এর সাহায্য নিয়ে অডিও/ভিডিও চালানো হয়।

Param ট্যাগ
Object ট্যাগের সাথে Audio বা Video র জন্য একটি Parameter ট্যাগ ব্যবহার করা হয়। এটির ফরম্যাট হচ্ছে
<Param name = “autoplay” value = “true”>

এখানে Autoplay Value true দেওয়ার কারণে Page লোড হবার সাথে সাথে Audio/ Video চলবে যদি এখানে দেওয়া হতো
<Param name = “controller” value = “true”>

তবে Page লোড হবার পর ইউজার নিজে Play Pause ইত্যাদি বাটনে ক্লিক করে Audio/Video কে control করবে।
object এলিমেন্টের ফরম্যাট হচ্ছে নিন্মরুপ:
<object data = name.wav/mp3 ইত্যাদি>
<Param name = “autoplay” value = “true”>
</object>

আমরা sound ফাইলগুলি আমাদের program ফোল্ডারের মধ্যে sound নামে একটি ফোল্ডারে এবং movie ফাইলগুলি আমাদের program ফোল্ডারের মধ্যে movie নামে একটি ফোল্ডারে রেখেছি।

নিচের মত কোডিংসহ একটি HTML ফাইল তৈরী করুন।
<!DOCTYPE html>
<html>
<head>
<title> mp3 sound with object tag</title>
</head>

<body>
<object height="50" width="200"   data="sound/chinese.mp3"> </object>
     <param name="controller" value="true">
<p>Problem? you browser doesn't support the sound format.</p>

</body>
</html>

ব্রাউজার দিয়ে খুললে নিন্মেক্ত ফলাফল পাওয়া যাবে।



EMBED ট্যাগ
EMBED ট্যাগ ব্যবহার করেও সাউন্ড সংযোজন করা য়াবে। এক্ষেত্রে একটি প্লেয়ার পাওয়া যাবে। AUTOSTART=”FALSE” নামের অ্যাট্রিবিউট ব্যবহার করে প্লেয়ারের উপর নিয়ন্ত্রন আনা যাবে, AUTOSTART=”TRUE” কমান্ড দিলে শব্দটি অটোমেটিক বাজবে।
<embed> ট্যাগ HTML এর বাইরের Content কে প্রদশর্ন করতে পারে। Audio প্রদশর্ন করার সমস্যা কিন্তু কম নয়। বিভিন্ন ব্রাউজার বিভিন্ন ধরণের  Audio প্রদর্শন করতে পারে। অপর দিকে ব্রাউজার Audio ফরম্যাট সার্পোট না করলে আলাদা Plagins কে Install করতে হয়। দেখা যায় ব্যবহারকারীর কম্পিউটারে সেটি ইনস্টল করা নাই। তখন Audio ফাইলের ফরম্যাট আবার পরিবর্তন করতে হয়। চলুন  <embed> ট্যাগ ব্যবহার করে একটি Mp3 ফাইলের সাউন্ড শোনা যাক।

নিচের মত কোডিং সহ একটি HTML ফাইল তৈরী করুন:
<!DOCTYPE html>
<html>
<head>
<title> mp3 sound with embed tag</title>
</head>
<body>
<embed src="sound/chinese.mp3"></embed>
<p>Problem? you browser doesn't support the sound format.</p>
</body>
</html>
ব্রাউজার দিয়ে খুললে নিন্মেক্ত ফলাফল পাওয়া যাবে।



<Audio> এলিমেন্ট
এই এলিমেন্টটি মোটামুটি সব ধরণের ব্রাউজার সার্পোট করে এটি HTML 5 থেকে নতুন সংযোজিত হয়েছে। এক্ষেত্রে আমরা একই ফাইলের .Mp3 ফরম্যাট এবং .ogg ফরম্যাট ব্যবহার করবো। .ogg ফরম্যাটটি সাধানণত Firefox opera সার্পোট করে থাকে।
Program 114
নিচের মত কোডিং সহ একটি HTML ফাইল তৈরী করুন:
<!DOCTYPE html>
<html>
<head>
<title> mp3 and ogg sound with audio tag</title>
</head>
<body>
<audio controls="controls">
  <source src="sound/die.mp3" type="audio/mp3">
  <source src="sound/die.ogg" type="audio/ogg">
</audio>
Your browser does not support this audio format.
</body>
</html>
ব্রাউজার দিয়ে খুললে নিন্মেক্ত ফলাফল পাওয়া যাবে।


Previous Post                                                                                           Next Post

  বিস্তারিত জানতে নিচের বইটি সংগরহ করে নিন।

Book Name: Mastering Microsoft  Word
Writer: Bappi Ashraf
Published By: Gyankosh Prokashani
Amount of Pages: 464
First Publish: October-2004
Last Edition: We've February-2015 edition. Future edition may be existed!
Book Price: BDT 350 (30% Discount)
 The writer of this book has told that he has written this book with the concept of "teach yourself". On the other hand, Web Design is a thing which is interesting to learn. He has also told that the book is full of fan and enjoyment so that a person can learn Web Design by himself by playing with the example projects of this book.  Book's CD Link below... 

 cd

RELATED POST LINKS BELOW ********************************************