पिक्चर-इन-पिक्चर वीडियो निर्माता एक वीडियो को दूसरे पर ओवरले करके पिक्चर-इन-पिक्चर वीडियो बनाएं।

PiP वीडियो मेकर दो वीडियो फ़ाइलों को अलग-अलग HTML5 वीडियो तत्वों में लोड करता है। मुख्य वीडियो के आयामों पर एक Canvas बनाया जाता है। प्लेबैक के दौरान, requestAnimationFrame मुख्य वीडियो को पूरे कैनवास पृष्ठभूमि के रूप में आकर्षित करता है, फिर निर्दिष्ट स्थिति और आकार पर ओवरले वीडियो को drawImage() का उपयोग करके गंतव्य समन्वय के साथ आकर्षित करता है। दोनों वीडियो एक साथ चलते हैं। ऑडियो मिक्सिंग Web Audio API का उपयोग करती है - दोनों वीडियो ऑडियो स्रोत GainNodes के माध्यम से MediaStreamDestination से जुड़े हुए हैं, जिससे प्रत्येक के लिए आयतन नियंत्रण संभव है। संयुक्त कैनवास स्ट्रीम और मिश्रित ऑडियो स्ट्रीम को MediaRecorder में खिलाया जाता है। ओवरले में एक बॉर्डर (strokeRect के माध्यम से आकर्षित) और गोल कोने (क्लिप पथ के माध्यम से) हो सकते हैं। पद सेटिंग्स konfigurable पैडिंग के साथ कोने समन्वयों की गणना करते हैं।