Welcome to Elanteach.com for Virtual Education   Click to listen highlighted text! Welcome to Elanteach.com for Virtual Education
home HTML & HTML-5 HTML5 এর নতুন উপাদান

HTML5 এর নতুন উপাদান

Share Button

নিউ <canvas> এলিমেন্ট:

ওয়েবপেজ এ ক্যানভাস আঁকার জন্য এটি ব্যবহার করতে পারেন।

<canvas id=”myCanvas” width=”200″ height=”100″></canvas>

Live Exmple

<canvas> ট্যাগ ইন্টারনেট এক্সপ্লোরার 9, +, ফায়ারফক্স, অপেরা, ক্রোম, এবং সাফারিতে সমর্থিত.

দ্রষ্টব্য: ইন্টারনেট এক্সপ্লোরার 8 এবং আগের ভার্সন, <canvas> ট্যাগ সমর্থন করে না.

নিউ মিডিয়া উপাদানসমূহ:

<audio> Tag:

সবচেয়ে মজার ব্যাপার হল আপনি কোন ফ্ল্যাশ প্লেয়ার ছাড়াই ওয়েবপেজ এ অডিও চালাতে পারবেন।

<audio controls>
<source src=”horse.ogg” type=”audio.ogg”>
<source src=”horse.mp3″ type=”audio.mpeg”>
Your browser does not support the audio tag.
</audio>

ব্রাউজার সাপোর্ট: <audio> ট্যাগ ইন্টারনেট এক্সপ্লোরার 9, +, ফায়ারফক্স, অপেরা, ক্রোম, এবং সাফারিতে সমর্থিত.

দ্রষ্টব্য: ইন্টারনেট এক্সপ্লোরার 8 এবং আগের ভার্সন, <audio> ট্যাগ সমর্থন করে না.

Live Exmple

HTML5 Video Tag :

<video> ট্যাগ যেমন একটি সিনেমা ক্লিপ বা অন্যান্য ভিডিও স্ট্রিম হিসাবে, ভিডিও নির্ধারণ করা হয়.

কোন প্লেয়ার  ছাড়াই ওয়েবপেজ এ ভিডিও  চালাতে পারবেন। তবে শুধু  mp4 and ogg চালাতে পারবেন।

<video width=”320″ height=”240″ controls>
<source src=”movie.mp4″ type=”video/mp4″>
<source src=”movie.ogg” type=”video/ogg”>
Your browser does not support the video tag.
</video>

Live Exmple

ব্রাউজার সাপোর্ট: <video> ট্যাগ ইন্টারনেট এক্সপ্লোরার 9, +, ফায়ারফক্স, অপেরা, ক্রোম, এবং সাফারিতে সমর্থিত.

দ্রষ্টব্য: ইন্টারনেট এক্সপ্লোরার 8 এবং আগের ভার্সন, <video> ট্যাগ সমর্থন করে না .

HTML-5 <source> Tag:

<source> ট্যাগ যেমন <video> এবং <audio> হিসাবে মিডিয়া উপাদান, জন্য একাধিক মিডিয়া রিসোর্স উল্লেখ করতে ব্যবহৃত হয়.

<source> ট্যাগ মিডিয়া টাইপ বা কোডেক সমর্থন উপর ভিত্তি করে ব্রাউজার থেকে চয়ন করতে পারেন, যা বিকল্প ভিডিও / অডিও ফাইল, করতে সাহায্য করে.

ব্রাউজার সাপোর্ট: <source> ট্যাগ ইন্টারনেট এক্সপ্লোরার 9, +, ফায়ারফক্স, অপেরা, ক্রোম, এবং সাফারিতে সমর্থিত.

দ্রষ্টব্য: ইন্টারনেট এক্সপ্লোরার 8 এবং আগের ভার্সন, <source> ট্যাগ সমর্থন করে না.

HTML <track> Tag:

<track> ট্যাগ মিডিয়া উপাদান (<audio> এবং <video>) জন্য টেক্সট ট্র্যাক নির্দিষ্ট করে.

এই উপাদান সাবটাইটেল, ক্যাপশন ফাইল অথবা টেক্সট ধারণকারী অন্যান্য ফাইল নির্দিষ্ট করতে ব্যবহার করা হয় মিডিয়া বাজানো হয়, যে দৃশ্যমান হতে হবে.

<video width=”320″ height=”240″ controls>
<source src=”forrest_gump.mp4″ type=”video/mp4″>
<source src=”forrest_gump.ogg” type=”video/ogg”>
<track src=”subtitles_en.vtt” kind=”subtitles” srclang=”en” label=”English”>
<track src=”subtitles_no.vtt” kind=”subtitles” srclang=”no” label=”Norwegian”>
</video>

<track> ট্যাগ ইন্টারনেট এক্সপ্লোরার 10, অপেরা, এবং Chrome-এ সমর্থিত.

Share Button

Comments

Comments

Elanteach.com

Elanteach.com

“Elanteach.com” is a Non-profit organization on a mission & the goal of developing education on General Knowledge, Technology, Famous Person, Free Exam, E-Courses, E-lecture, E-schedule and Life Advice for Students & anyone from anywhere.

Translate »
Copy Protected by Chetan's WP-Copyprotect. Click to listen highlighted text!