বিল্ট-ইন দ্বারা নির্মিত PAPX এক্সপোর্ট — কোনো সার্ভার উপস্থিত নেই
PinePaper এক্সপোর্ট করে MP4 ভিডিওর সম্পূর্ণ ওয়েব্যাক ব্যবহার করে। এখানে H. H.264 পাইপলাইন কিভাবে কাজ করে- ক্যানভাসের ফ্রেম থেকে নাটকযোগ্য ভিডিও ফাইল পর্যন্ত।.
সমস্যা
প্রচলিত ওয়েব-ভিত্তিক অ্যানিমেশন টুলগুলি সার্ভার, রাফপেগ সহযোগে ফ্রেম এবং ফলাফল পাঠিয়ে দেয়। এতে তিনটি খরচ আছে: ব্যান্ডউইথের (সকল ফ্রেমের তথ্য), সার্ভার গণনা করা হচ্ছে (পিএমপি/জিপিইউ), এবং গোপনীয়তা (আপনার সৃজনশীল কাজের জন্য তৃতীয় পক্ষের একটি কাঠামো)।.
PinePaper এর কিছুই নেই। আপনার ব্রাউজারের মধ্যে MP4 ফাইল সম্পূর্ণভাবে নির্মিত হয়েছে । কোনো ফ্রেম আপনার ডিভাইস ছেড়ে যায় নি। আপনার মেশিন এর হার্ডওয়্যার ভিডিও এনকোডারে কি ইঙ্গিত করা হয়। কীভাবে.
ওয়েবক্যান্স: ব্রাউজারের হার্ডওয়্যার ভিডিও এনকোডিং
** **QAC PP0X(W3C, 2021C) ব্রাউজারের নির্মিত ভিডিও এনকোডার এবং ডিইআর এর মাধ্যমে নিম্ন মানের প্রবেশাধিকার প্রদান করে। এটি চেরোমে ৯৪ (১৯২১ সালের সেপ্টেম্বর মাসে) পাঠানো হয় এবং এখন এটি দারমে, এজ এবং অপেরায় পাওয়া যাচ্ছে। রাস্তাফারি ও ফায়ারফক্সের আংশিক বা পরীক্ষামূলক সমর্থন রয়েছে [আমি, এফ.
ওয়েবোকডেস দুটি চাবির ইন্টারফেস উন্মোচন করেছে:
VideoEncoder- raw ভিডিও ফ্রেমগুলি, H.264 (অথবা VP8/V95)VideoDecoder-কি-র মাপ (স্বৈজ্ঞানিকের জন্য প্রযোজ্য)
PP0X এক্সপোর্টের জন্য আমরা VideoEncoderQoQ ব্যবহার করি। কাজের প্রবাহ:
- স্বপ্ন পূরণ করার জন্য একটি
VideoEncoderQK কনফিগার করুন - প্রতিটি অ্যানিমেশনের জন্য: ক্যানভাসকে একটি
VideoFrameQQQ হিসাবে ধরা হবে, ফিড এনকোডারে - সর্বনিম্ন মাপ (শেষ সময় অনুসারে)
- PP0X ফরম্যাটের মধ্যে Muix
- ডাউনলোড করার জন্য PP0X ফাইল নির্দিষ্ট করুন
ধাপ ১:
const encoder = new VideoEncoder({
output: (chunk, metadata) => {
// chunk.data contains encoded H.264 bytes
// metadata.decoderConfig contains SPS/PPS on first chunk
muxer.addVideoChunk(chunk, metadata);
},
error: (e) => console.error('Encoder error:', e)
});
encoder.configure({
codec: 'avc1.42E01E', // H.264 Baseline Profile Level 3.0
width: 1080,
height: 1080,
bitrate: 5_000_000, // 5 Mbps
framerate: 30
});
H.264 বেসলাইন প্রোফাইল। এটা সব থেকে বেশী সুসংগত এইচ.২৬৪ প্রোফাইল- যা প্রতিটি ফোন, ব্রাউজার এবং সামাজিক মিডিয়া প্ল্যাটফর্মে খেলা হয়। উচ্চ প্রোফাইল (মাষ্টা, উচ্চ) উত্তম কম্প্রেশন প্রদান করে কিন্তু খুব কম [রিচার্ডসন, ২০১০) ।.
ছবির গুণমানের মাত্রা উন্নত হবে। ৩ সেকেন্ডের ভিডিওর ৫ম মেগাবাইট: 5,000,000 bits/s × 3s = 15,000,000 bits = ~1.8 MBQQQ। বিষয়বস্তুর জটিলতার ওপর ভিত্তি করে প্রকৃত মাপ গণনা করা — স্থির দৃশ্যগুলো দ্রুত গতিতে এগিয়ে যাওয়ার চেয়ে আরও ভাল ।.
ধাপ:
অ্যানিমেশন টাইম- এর জন্য প্রতিটি ফ্রেম:
for (let frameNum = 0; frameNum < totalFrames; frameNum++) {
const frameTime = frameNum / fps;
// Advance animation to this time
app.setPlaybackTime(frameTime);
paper.view.draw(); // Full render (not view.update!)
await new Promise(r => requestAnimationFrame(r)); // Wait for paint
// Create VideoFrame from canvas
const frame = new VideoFrame(canvas, {
timestamp: frameNum * (1_000_000 / fps) // microseconds
});
// Encode (keyframe every 2 seconds)
encoder.encode(frame, {
keyFrame: frameNum % (fps * 2) === 0
});
frame.close(); // Release GPU memory
}
বিস্তারিত বর্ণনা: অ্যানিমেশন এবং ক্যানভাসের উন্নতির পর, ধরা পড়ার আগে আপনাকে requestAnimationFrameQQu জন্য অপেক্ষা করতে হবে। জি. পি. ইউ.কে. নির্বাচন নিশ্চিত করেছে। এই সুসংগতি ছাড়া, আপনি একটি পুরনো বাফার ধারণ করেছেন এবং যে ফ্রেম তৈরি করেছেন যা ফাঁকা বা নকল।.
ধাপ ৩:PG0X মিউিং
ভিডিওEncOds raw H.64 (NECSS) থেকে প্রাপ্ত আউটপুট এগুলো কোন খেলার ফাইল নয় — তাদেরকে পি.পি.এক্স কন্টেইনার-এ আটকে রাখতে হবে, যেগুলোতে দোকানগুলি সময়, মিটা, মিটা এবং বড় কনফিগারেশনের ওপর নির্ভর করে ।.
PinePaper এই ধাপের জন্য **mp4-moles লাইব্রেরি [Vani, mp4-muxe] ব্যবহার করে মুরেক্সার টাইম সময়ের সাথে তুলনা করে একটি বৈধ পিপিজি১এক্স ফাইল তৈরি করে:
ftypবক্স: ফাইল ঘোষণা, Ho2, mpegmmoovQ বক্স: চলচ্চিত্র মিটা-ডাটা, ট্র্যাকের বিবরণ, সময়সীমা গণনাmdatবক্স: প্রকৃত এনকোডকৃত ভিডিও তথ্য
এর ফলে প্রতিটি ভিডিও প্লেয়ার, ব্রাউজার এবং সামাজিক মিডিয়া প্ল্যাটফর্মে খেলা হয়।.
ধাপ ৪:
সম্পূর্ণ পিপিজি০এক্স এক্সকিউকিউকিউ (এক্সকিউকিউকিউ) নামে একটি এক্সকিউকিউকিউকিউকিউকিউ (পেজি১এক্স) হিসেবে সমবেত হয়েছে, যা এক্সকিউকিউকিউকিউকিউ-এর মাধ্যমে রূপান্তরিত হয়েছে এবং একটি ডাউনলোড:
await encoder.flush(); // Wait for all frames to encode
const mp4Blob = muxer.finalize();
const url = URL.createObjectURL(new Blob([mp4Blob], { type: 'video/mp4' }));
const a = document.createElement('a');
a.href = url;
a.download = 'animation.mp4';
a.click();
URL.revokeObjectURL(url);
সম্পূর্ণ পাইপলাইন - ফ্রেম ধারণ করুন — এইচ.২৪ এনকোডিং, পি.পি.এক্স রেডিয়েশন, এবং ডাউনলোড করুন — ব্রাউজারের মধ্যে ঘটে থাকে । কোনো সার্ভার উপস্থিত নেই। আপলোড করা হয়নি. তৃতীয় পক্ষের কোন প্রক্রিয়া নেই.
কর্মক্ষমতা
২০২৩-এ ম্যাকবুক প্রো (এম২) ৩০
| অবকাল | ফ্রেম | এনকোড করার সময় সীমা | ফাইলের মাপ |
|---|---|---|---|
| ৩ সেকেন্ড | 90 | ~2 সেকেন্ড | ~1.8 MB |
| ১০ সেকেন্ড | 300 | ১৯.৬ সেকেন্ড | এম.ডি.৫ মেগাবাইট |
| ৩০ সেকেন্ড | 900 | ~18 সেকেন্ড | ১.৪ মেগাবাইট |
রিয়েল টাইমের জন্য এনকোডিং তৈরি করা হয় কারণ হার্ডওয়্যার এইচ. ২৬২ এনকোডার এনকোডার (ইনটেল দ্রুত সুসংগত, Apple ভিডিও টুল বক্স, এনভিডিএ এনভিএ এনভেএনসি) এই ভারী পরিমাণ নিয়ন্ত্রণ করে। ব্রাউজারের ওয়েবকোড পি.পি.এক্স প্রতিনিধিরা স্বচ্ছভাবে ২০২১ সালের মধ্যে এই হার্ডওয়্যারগুলোকে স্বচ্ছভাবে কাজে লাগিয়ে দিয়েছেন।.
ব্রাউজার সমর্থন
| ব্রাউজার | ওয়েব-সাইট | H.264 এনকোড করুন | অবস্থা |
|---|---|---|---|
| ক্রোম ৯৪+ | হ্যাঁ | হ্যাঁ | সম্পূর্ণ সমর্থন |
| প্রান্ত | হ্যাঁ | হ্যাঁ | সম্পূর্ণ সমর্থন (চিমেরিয়াম) |
| অপেরা ৮০+ | হ্যাঁ | হ্যাঁ | সম্পূর্ণ সমর্থন (চিমেরিয়াম) |
| রাস্তাফারি ১৬.৪+ | আংশিক | শুধুমাত্র সংযোজন করা হবে | এনকোডের ব্যবস্থা উপলব্ধ নেই |
| ফায়ারফক্স | পতাকার পিছনে | না | পরীক্ষামূলক গতি |
ওয়েবকডেন্স ছাড়া ওয়েব ব্রাউজারের জন্য পিপিজিজিএক্স পিপিজি১এক্স এক্সপোর্টে ফিরে যায়।.
টীকা
- ই-মেইল ঠিকানা ব্যবহার করতে ব্যর্থ (পি. ওয়েব-ক্যাম PP0 ব্রাউজার টেবিল সমর্থন করে । কম/ওয়েবকোডস.
- ম্যাকিলরয়, ডি (২০২১)। ওয়েবকোর ব্যাখ্যাক.
- রিচার্ডসন, আমি. * এইচ.২৬৪ উন্নত ভিডিওর ব্যবহার প্রমিত* (২)। উইলি.
- Vii, Am4-mocaler - ওয়েবকোদের জন্য জাভা-প্রজেক্টার জাভা MP4.
- পি. O3c.orghut.io.orgকোডস্/.
বিনামূল্যে PP0X ভিডিও এক্সপোর্ট করুন — কোনো সার্ভার, সাইনআপ, কোনো জলছবি নেই। [pineL] /Mousage (/editorQQ) [ফাইল সম্পাদক] খুলুন এবং চেষ্টা করুন।.
Ready to create?
Start making animated GIFs, videos, and graphics — free, no signup.
Open PinePaper Editor