PiP ভিডিও খোলক

Picture-in-Picture (PiP) কি?

Picture-in-Picture হল একটি ব্রাউজার ফিচার যা আপনাকে বর্তমান ট্যাব থেকে একটি ভিডিও বের করে একটি ছোট ফ্লোটিং উইন্ডোতে রাখতে দেয় যা আপনার স্ক্রিনের সবকিছুর উপরে থাকে। আপনি এটি যেকোনো জায়গায় সরাতে পারেন, আকার পরিবর্তন করতে পারেন, এবং অন্যান্য ট্যাব ব্রাউজ করার সময়, ডকুমেন্ট লেখার সময়, বা আপনার কম্পিউটারে অন্য কিছু করার সময় দেখতে থাকতে পারেন — ভিডিওটি সারা সময় দৃশ্যমান থাকে।

PiP সমস্ত আধুনিক ডেস্কটপ ব্রাউজারে (Chrome, Edge, Firefox, Safari) একটি স্ট্যান্ডার্ডাইজড web API এর মাধ্যমে নির্মিত। এটি কোনো প্লাগইন বা এক্সটেনশন প্রয়োজন করে না, এবং ফ্লোটিং উইন্ডোটি সম্পূর্ণভাবে অপারেটিং সিস্টেম দ্বারা পরিচালিত হয়, তাই এটি অ্যাপ্লিকেশন পরিবর্তন করলেও বজায় থাকে।

টুল বর্ণনা

এই টুলটি যেকোনো সরাসরি ভিডিও URL কে একটি HTML5 প্লেয়ারে লোড করে এবং আপনাকে একটি ক্লিকে Picture-in-Picture মোডে চালু করতে দেয়। একটি জনসাধারণের জন্য অ্যাক্সেসযোগ্য ভিডিও ফাইলের লিঙ্ক পেস্ট করুন, এটি লোড করুন, এবং "Launch Picture-in-Picture" চাপুন ভিডিওটিকে একটি ফ্লোটিং ওভারলে উইন্ডোতে আলাদা করতে।

সমর্থিত ফরম্যাট

যেকোনো ভিডিও ফরম্যাট যা আপনার ব্রাউজারের নেটিভ HTML5 প্লেয়ার সমর্থন করে:

• MP4 (H.264 / H.265) — সর্বজনীনভাবে সমর্থিত
• WebM (VP8 / VP9 / AV1) — Chrome, Firefox, Edge এ সমর্থিত
• OGG / OGV (Theora) — Firefox এবং Chrome এ সমর্থিত
• MOV — Safari এ সমর্থিত; অন্যত্র সীমিত সমর্থন
• M4V — বেশিরভাগ Chromium-ভিত্তিক ব্রাউজার এবং Safari এ সমর্থিত

ভিডিও ফাইলটি অবশ্যই HTTP/HTTPS এর উপর পরিবেশন করা হতে হবে এবং সার্ভারকে অবশ্যই ব্রাউজারটি এটি লোড করার জন্য ক্রস-অরিজিন অনুরোধ (CORS) অনুমতি দিতে হবে।

এটি কীভাবে কাজ করে

1. আপনি যে URL প্রবেশ করেন তা একটি স্ট্যান্ডার্ড HTML5 <video> উপাদানের src হিসাবে লোড করা হয়।
2. যখন আপনি "Launch Picture-in-Picture" ক্লিক করেন, ব্রাউজার সেই উপাদানে নেটিভ requestPictureInPicture() API কল করে।
3. ব্রাউজার ভিডিওটিকে OS উইন্ডো ম্যানেজার দ্বারা পরিচালিত একটি ফ্লোটিং উইন্ডোতে আলাদা করে।
4. "Exit Picture-in-Picture" ক্লিক করা (বা ফ্লোটিং উইন্ডোর ক্লোজ বাটন) exitPictureInPicture() কল করে এবং ভিডিওটি প্লেয়ারে ফেরত আনে।

বৈশিষ্ট্য

• ব্রাউজার থেকে সরাসরি এক-ক্লিক PiP চালু এবং বন্ধ — কোনো এক্সটেনশন প্রয়োজন নেই
• যেকোনো জনসাধারণের জন্য অ্যাক্সেসযোগ্য সরাসরি ভিডিও URL এর সাথে কাজ করে
• 16:9 দিক অনুপাত প্লেয়ার সম্পূর্ণ নেটিভ নিয়ন্ত্রণ সহ (প্লে, পজ, সিক, ভলিউম, ফুলস্ক্রিন)
• PiP এ প্রবেশের আগে স্বয়ংক্রিয়ভাবে প্লেব্যাক শুরু করে যাতে ভিডিওটি হিমায়িত না হয়
• বর্তমান ব্রাউজারে PiP অসমর্থিত হলে সনাক্ত করে এবং একটি স্পষ্ট বার্তা দেখায়

ব্যবহারের ক্ষেত্র

• একটি টিউটোরিয়াল ভিডিও একটি ফ্লোটিং উইন্ডোতে দেখুন যখন একটি কোড এডিটর বা অন্য ব্রাউজার ট্যাবে অনুসরণ করছেন
• অন্যান্য অ্যাপ্লিকেশনে কাজ করার সময় একটি লাইভ স্ট্রিম বা রেকর্ড করা ভিডিও ফিড মনিটর করুন
• ডকুমেন্ট, স্প্রেডশীট, বা ডিজাইন ফাইল সম্পাদনা করার সময় একটি ভিডিও রেফারেন্স দৃশ্যমান রাখুন

সীমাবদ্ধতা

• ভিডিও সার্ভারকে অবশ্যই ফাইলটি একটি ভিন্ন উৎস থেকে আনা অনুমতি দিতে হবে (CORS হেডার প্রয়োজন)। অনেক CDN এবং সরাসরি ফাইল হোস্ট ইতিমধ্যে এটি করে; কিছু করে না।
• PiP সমস্ত ব্রাউজারে উপলব্ধ নয় — বিশেষত কিছু মোবাইল ব্রাউজার এবং পুরানো ডেস্কটপ সংস্করণ API সমর্থন করে না।
• HLS (.m3u8) এবং DASH (.mpd) এর মতো স্ট্রিমিং প্লেলিস্ট ফরম্যাট সরাসরি সমর্থিত নয়; শুধুমাত্র প্রগতিশীল ডাউনলোড URL কাজ করে।

FAQ

ভিডিও লোড করতে কেন ব্যর্থ হয়? ভিডিও হোস্ট করা সার্ভার হয়তো Access-Control-Allow-Origin হেডার অন্তর্ভুক্ত করে না যা ক্রস-অরিজিন লোডিং অনুমতি দেয়, বা URL এর জন্য প্রমাণীকরণ প্রয়োজন হতে পারে। একটি ভিডিও ফাইলের সরাসরি জনসাধারণের লিঙ্ক চেষ্টা করুন।

PiP বাটন কেন নিষ্ক্রিয়? আপনাকে প্রথমে একটি URL প্রবেশ করে এবং "Load Video" ক্লিক করে একটি ভিডিও লোড করতে হবে। একবার একটি উৎস সেট হলে বাটনটি সক্রিয় হয়ে যায়।

এটি মোবাইলে কাজ করে? Picture-in-Picture API এর মোবাইল ব্রাউজারে সীমিত সমর্থন রয়েছে। iOS এ, Safari ভিডিওর জন্য PiP সমর্থন করে কিন্তু আচরণ ভিন্ন হতে পারে। Android এ, Chrome সংস্করণ এবং OS সেটিংসের উপর নির্ভর করে এটি সমর্থন করতে পারে।