Microsoft Technologies Image এবং MediaElement Control ব্যবহার গাইড ও নোট

259

Image এবং MediaElement কন্ট্রোল XAML এ ব্যবহারকারীদের গ্রাফিক্স এবং মাল্টিমিডিয়া ফাইল (যেমন, ছবি, অডিও, ভিডিও) প্রদর্শন করার জন্য ব্যবহৃত হয়। এই কন্ট্রোল দুটি ব্যবহার করে আপনি আপনার অ্যাপ্লিকেশনে ইমেজ এবং মিডিয়া কন্টেন্ট ইন্টিগ্রেট করতে পারেন।


Image Control ব্যবহার

Image কন্ট্রোল XAML এ ছবি বা গ্রাফিকাল উপাদান প্রদর্শন করার জন্য ব্যবহৃত হয়। এটি সাধারণত ছবি (.jpg, .png, .bmp) অথবা স্কেলেবল গ্রাফিক্স (SVG) দেখানোর জন্য ব্যবহার হয়।

Image Control এর মৌলিক কাঠামো:

<Image Source="image.jpg" Width="200" Height="150"/>

এখানে:

  • Source: ইমেজ ফাইলের পথ অথবা ইউআরএল নির্ধারণ করে।
  • Width এবং Height: ইমেজের আকার নির্ধারণ করে।

ইমেজের বিভিন্ন ফাইল ফরম্যাট সমর্থিত:

  • .jpg, .png, .bmp, .gif, .jpeg, .tiff, .svg

উদাহরণ: Image Control ব্যবহার

<Image Source="image.jpg" Width="300" Height="200" Margin="10"/>

এখানে:

  • Source="image.jpg": image.jpg ফাইলটি ইমেজ হিসাবে প্রদর্শন করবে।
  • Width="300" Height="200": ইমেজের আকার 300x200 পিক্সেল নির্ধারণ করে।
  • Margin="10": ইমেজের চারপাশে 10 পিক্সেল মার্জিন থাকবে।

MediaElement Control ব্যবহার

MediaElement কন্ট্রোল একটি মাল্টিমিডিয়া প্লেয়ার হিসেবে কাজ করে, যা অডিও এবং ভিডিও ফাইল প্লে করার জন্য ব্যবহৃত হয়। আপনি মিডিয়া ফাইলের মাধ্যমে ভিডিও এবং অডিও প্লে করতে পারেন, এবং এর মাধ্যমে আপনি মিডিয়া কন্ট্রোল যেমন প্লে, পজ, স্টপ, ভলিউম কন্ট্রোল ইত্যাদি যুক্ত করতে পারেন।

MediaElement Control এর মৌলিক কাঠামো:

<MediaElement Source="video.mp4" Width="640" Height="360" />

এখানে:

  • Source: ভিডিও বা অডিও ফাইলের পাথ অথবা ইউআরএল।
  • Width এবং Height: মিডিয়া ফাইলের ডিসপ্লে আকার।

উদাহরণ: MediaElement ব্যবহার

<MediaElement Source="video.mp4" Width="640" Height="360" AutoPlay="True" />

এখানে:

  • Source="video.mp4": video.mp4 ফাইলটি ভিডিও প্লে করার জন্য ব্যবহার হবে।
  • Width="640" Height="360": ভিডিওর আকার 640x360 পিক্সেল হবে।
  • AutoPlay="True": ভিডিওটি অ্যাপ্লিকেশন লোড হওয়ার সাথে সাথে স্বয়ংক্রিয়ভাবে চালু হবে।

MediaElement Control এর বৈশিষ্ট্য

  • AutoPlay: মিডিয়া ফাইলটি স্বয়ংক্রিয়ভাবে শুরু হবে।
  • Volume: মিডিয়ার ভলিউম সেট করতে ব্যবহৃত হয় (0 থেকে 1 পর্যন্ত মান)।
  • IsMuted: মিডিয়া কন্ট্রোল মিউট (অলস) করার জন্য ব্যবহৃত হয়।
  • Play(), Pause(), Stop(): কোড থেকে মিডিয়া প্লে, পজ বা স্টপ করতে ব্যবহৃত হয়।

Image এবং MediaElement এর উদাহরণ

উদাহরণ ১: Image Control এবং Dynamic Image Display

<Grid>
    <Image Name="dynamicImage" Width="400" Height="300" HorizontalAlignment="Center" VerticalAlignment="Center"/>
</Grid>

কোড-বিহাইন্ড (C#):

dynamicImage.Source = new BitmapImage(new Uri("image.jpg", UriKind.Relative));

এখানে:

  • Image কন্ট্রোল ব্যবহার করে dynamicImage নামের ইমেজ তৈরি করা হয়েছে।
  • কোড-বিহাইন্ড থেকে ইমেজের সোর্স সেট করা হয়েছে।

উদাহরণ ২: MediaElement for Video Playback

<Grid>
    <MediaElement Name="videoPlayer" Width="640" Height="360" AutoPlay="True" />
</Grid>

কোড-বিহাইন্ড (C#):

videoPlayer.Source = new Uri("video.mp4", UriKind.Relative);

এখানে:

  • MediaElement কন্ট্রোলটি videoPlayer নামে তৈরি করা হয়েছে।
  • কোড-বিহাইন্ড থেকে ভিডিও ফাইলের সোর্স সেট করা হয়েছে এবং ভিডিওটি স্বয়ংক্রিয়ভাবে প্লে হবে।

MediaElement এবং Image এর পার্থক্য

বৈশিষ্ট্যImage ControlMediaElement Control
ফাংশনগ্রাফিকাল কন্টেন্ট (ছবি) প্রদর্শনঅডিও এবং ভিডিও প্লে করা
Sourceছবি বা গ্রাফিক্স ফাইলভিডিও বা অডিও ফাইল
সমর্থনযোগ্য ফাইল ফরম্যাট.jpg, .png, .bmp, .gif.mp4, .avi, .mp3, .wav, .wmv
বিশেষ বৈশিষ্ট্যছবি রেন্ডার করা এবং সেটিংস নিয়ন্ত্রণঅডিও/ভিডিও প্লে, পজ, স্টপ, ভলিউম নিয়ন্ত্রণ

সারাংশ

  • Image Control XAML এ ছবির প্রদর্শনের জন্য ব্যবহৃত হয়, এবং এটি বিভিন্ন ফাইল ফরম্যাট যেমন .jpg, .png ইত্যাদি সমর্থন করে।
  • MediaElement Control XAML এ ভিডিও এবং অডিও ফাইল প্লে করার জন্য ব্যবহৃত হয় এবং এটি প্লে, পজ, ভলিউম নিয়ন্ত্রণের মতো বৈশিষ্ট্য সরবরাহ করে।
  • Image কন্ট্রোলটি শুধুমাত্র স্ট্যাটিক গ্রাফিক্স দেখানোর জন্য ব্যবহৃত হয়, আর MediaElement কন্ট্রোলটি মাল্টিমিডিয়া কনটেন্ট (ভিডিও/অডিও) প্লে করার জন্য ব্যবহৃত হয়।

এভাবে, Image এবং MediaElement কন্ট্রোল ব্যবহার করে XAML এ আপনি আপনার অ্যাপ্লিকেশনে ইমেজ এবং মাল্টিমিডিয়া কন্টেন্ট সহজেই ইন্টিগ্রেট করতে পারেন।

Content added By
Promotion

Are you sure to start over?

Loading...