কম্পিউটার টিউটোরিয়াল

HTML5 & JavaScript: input type=file capture=camera-এর রেজোলিউশন/সাইজ

যখন ডিভাইস খুব বড় ফটো তোলে এবং আমরা মোবাইল থেকে ছোট ফটো তোলার সেটিং চাই, তবে W3C-এর দুটি পদ্ধতি ব্যবহার করা যায়।

এটি HTML বা জাভাস্ক্রিপ্ট দিয়ে করা যায়।

HTML Media Capture

এখানে HTML capture এবং accept="image/*" ইনপুট ট্যাগে ব্যবহার করে ইচ্ছা নির্দিষ্ট করা হয়। কিন্তু এই পদ্ধতিতে সাইজ নির্দিষ্ট করা যায় না।

Media Capture Streams

এটি ক্যামেরার পূর্ণ প্রোগ্রামেটিক অ্যাক্সেস দেয় যাতে ব্যবহারকারী ভিডিও ও স্টিল ইমেজের জন্য নিজস্ব ক্যাপচার ডায়ালগ বানাতে পারে।

এটি প্রস্থ, উচ্চতা, ফ্রেম রেট, ফেসিং রেট, ফেসিং মোড ইত্যাদি কনস্ট্রেইন্ট নির্দিষ্ট করতে দেয়।

এই স্ট্রিমের গ্লোবাল ব্রাউজার সাপোর্ট ৫০% এবং ক্লোজড এনভায়রনমেন্টে ব্যবহারযোগ্য।

  1. জাভাস্ক্রিপ্টে ফাইল আপলোড সময় সাইজ ভ্যালিডেশন

  2. JavaScript-এ ফর্ম সাবমিটের সময় ইনপুট ভ্যালু পরিবর্তন করা

  3. JavaScript-এ ইনপুট সংখ্যা নাকি অক্ষর চেক করা (isNaN)

  4. জাভাস্ক্রিপ্টে টেক্সটএরিয়াতে JSON ডেটা প্রিটিফাই করা