· 5 min read

বিল্ট-ইন সক্রিয় PP0X এক্সপোর্ট করুন — কোনো সার্ভার উল্লেখ করা হয়নি

PinePaper এক্সপোর্ট করে MP4 ভিডিওর সম্পূর্ণ ওয়েব্যাক ব্যবহার করে।. এখানে H.264 পাইপলাইন কাজ করছে- ক্যানভাসের ফ্রেম থেকে নাটকযোগ্য ভিডিও ফাইল, যেকোন কিছু আপলোড না করে ক্যানভাসে আপলোড করা হয়েছে।.

সমস্যা

প্রচলিত ওয়েব-ভিত্তিক অ্যানিমেশন টুলগুলি সার্ভার, রাফপেগ সহযোগে ফ্রেম এবং ফলাফল পাঠিয়ে দেয়।. এতে তিনটি খরচ আছে: ব্যান্ডউইথের (সকল ফ্রেমের তথ্য), সার্ভার গণনা করা হচ্ছে (পিএমপি/জিপিইউ), এবং গোপনীয়তা (আপনার সৃজনশীল কাজের জন্য তৃতীয় পক্ষের একটি কাঠামো)।.

PinePaper এর কিছুই নেই।. আপনার ব্রাউজারের মধ্যে MP4 ফাইল সম্পূর্ণভাবে নির্মিত হয়েছে ।. কোনো ফ্রেম আপনার ডিভাইস ছেড়ে যায় নি।. আপনার মেশিন এর হার্ডওয়্যার ভিডিও এনকোডারে কি ইঙ্গিত করা হয়।. কীভাবে.

ওয়েবক্যান্স: ব্রাউজারের হার্ডওয়্যার ভিডিও এনকোডিং

** **QAC PP0X(W3C, 2021C) ব্রাউজারের নির্মিত ভিডিও এনকোডার এবং ডিইআর এর মাধ্যমে নিম্ন মানের প্রবেশাধিকার প্রদান করে।. এটি চেরোমে ৯৪ (১৯২১ সালের সেপ্টেম্বর মাসে) পাঠানো হয় এবং এখন এটি দারমে, এজ এবং অপেরায় পাওয়া যাচ্ছে।. রাস্তাফারি ও ফায়ারফক্সের আংশিক বা পরীক্ষামূলক সমর্থন রয়েছে [আমি, এফ.

ওয়েবোকডেস দুটি চাবির ইন্টারফেস উন্মোচন করেছে:

  • জাককজ raw ভিডিও ফ্রেম, আউটপুট দ্বারা H.S264 (অথবা VP8/VV95)
  • জাককজ দীর্ঘ সময় অবধি, একাধিক ফ্রেমের জন্য বিভাজন করা হয় (আরম্ভ করা হয় না)

MP4 এক্সপোর্টের জন্য আমরা ZqXZ ব্যবহার করি।. কাজের প্রবাহ:

  1. স্বপ্ন পূরণের জন্য একটি ZqqqZz কনফিগার করুন ও প্রত্যাশিত প্রস্তাবের মধ্যে এটি তৈরি করুন
  2. প্রতিটি অ্যানিমেশনের জন্য: ক্যানভাসকে একটি ZukqqZ হিসেবে ধরা, এটি খাওয়া এনকোডারে
  3. সর্বনিম্ন মাপ (শেষ সময় অনুসারে)
  4. PP0X ফরম্যাটের মধ্যে Muix
  5. ডাউনলোড করার জন্য 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 বেসলাইন প্রোফাইল।. এটা হচ্ছে সবচেয়ে বেশী সুসংগত এইচ.২64 প্রোফাইল - প্রতিটি ফোন, ব্রাউজার এবং সামাজিক যোগাযোগ মাধ্যম প্ল্যাটফর্মে এটি খেলা হয়।. উচ্চ প্রোফাইল (মাষ্টা, উচ্চ) উত্তম কম্প্রেশন প্রদান করে কিন্তু খুব কম [রিচার্ডসন, ২০১০) ।.

ছবির গুণমানের মাত্রা উন্নত হবে।. ৩ সেকেন্ডের ভিডিওর ৫টায় ৫এমএমএমএমএমপি: জ্যাককেজেড।. বিষয়বস্তুর জটিলতার ওপর ভিত্তি করে প্রকৃত মাপ ধীরে ধীরে দেখা বন্ধ করো।.

ধাপ:

অ্যানিমেশন টাইম- এর জন্য প্রতিটি ফ্রেম:

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
}

বিস্তারিত বর্ণনা: অ্যানিমেশন এবং ক্যানভাসের উন্নতির পর, ধরা পড়ার আগে ZqqZ অপেক্ষা করা আবশ্যক।. জি. পি. ইউ.কে. নির্বাচন নিশ্চিত করেছে।. এই সুসংগতি ছাড়া, আপনি একটি পুরনো বাফার ধারণ করেছেন এবং যে ফ্রেম তৈরি করেছেন যা ফাঁকা বা নকল।.

ধাপ ৩:PG0X মিউিং

ভিডিওEncOds raw H.64 (NECSS) থেকে প্রাপ্ত আউটপুট. এটি কোনো কার্যকর ফাইল নয় — তাদেরকে একটি MP4 কনটেইনারে আটকে রাখতে হবে যা দোকানে সময়, মেটাডাটা এবং কোডেক কনফিগারেশনের উপর নির্ভর করে।.

PinePaper এই ধাপের জন্য **mp4-moles লাইব্রেরি [Vani, mp4-muxe] ব্যবহার করে. মুরেক্সার টাইম সময়ের সাথে তুলনা করে একটি বৈধ পিপিজি১এক্স ফাইল তৈরি করে:

  • ZqqZ বক্স: ধরনের ঘোষণা, তালিকা ২, mosm, mp1)
  • ZqqZ বক্স: চলচ্চিত্র মিটা-ডাটা, ট্র্যাকের বিবরণ, সময়তালিকা
  • ZqqZZ বক্স: প্রকৃত ভিডিও তথ্য

এর ফলে প্রতিটি ভিডিও প্লেয়ার, ব্রাউজার এবং সামাজিক মিডিয়া প্ল্যাটফর্মে খেলা হয়।.

ধাপ ৪:

সম্পূর্ণ পিপিজি০এক্সকে জাকিকজেড হিসেবে একত্রিত করা হয়েছে, যা জাকিকজেডের মাধ্যমে পিপিজি১এক্সে রূপান্তরিত হয়েছে এবং এটি একটি ডাউনলোড:

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 ভিডিও টুল বক্স, এনভিডিএ এনভিএ এনভেএনসি) এই ভারী পরিমাণ নিয়ন্ত্রণ করে।. ব্রাউজারের ওয়েবকোড পি.পি.এক্স প্রতিনিধিরা স্বচ্ছভাবে ২০২১ সালের মধ্যে এই হার্ডওয়্যারগুলোকে স্বচ্ছভাবে কাজে লাগিয়ে দিয়েছেন।.

একটা দৈর্ঘ্য নাও।. দুই বার একই স্কেলে শেয়ার করা হয়, তাই আইপড বার ভেতরে বসা ভিডিও বার ** * দাবি * আর এই তিন জনের পরিবর্তন প্রদর্শন করছে কাজের বৃদ্ধি ফ্রেমের সমান যা এক অংশ একটি সারি দেখাতে পারে না।.

Interactive demo — open in editor pp:PinePaper

ব্রাউজার সমর্থন

ব্রাউজার ওয়েব-সাইট H.264 এনকোড করুন অবস্থা
ক্রোম ৯৪+ হ্যাঁ হ্যাঁ সম্পূর্ণ সমর্থন
প্রান্ত হ্যাঁ হ্যাঁ সম্পূর্ণ সমর্থন (চিমেরিয়াম)
অপেরা ৮০+ হ্যাঁ হ্যাঁ সম্পূর্ণ সমর্থন (চিমেরিয়াম)
রাস্তাফারি ১৬.৪+ আংশিক শুধুমাত্র সংযোজন করা হবে এনকোডের ব্যবস্থা উপলব্ধ নেই
ফায়ারফক্স পতাকার পিছনে না পরীক্ষামূলক গতি

ওয়েবকডেন্স ছাড়া ওয়েব ব্রাউজারের জন্য পিপিজিজিএক্স পিপিজি১এক্স এক্সপোর্টে ফিরে যায়।.

টীকা

  • ই-মেইল ঠিকানা ব্যবহার করতে ব্যর্থ (পি. ওয়েব-ক্যাম PP0 ব্রাউজার টেবিল সমর্থন করে ।. কম/ওয়েবকোডস.
  • ম্যাকইরো, ডি. (২০২১)।. ওয়েবোক সিঙ্গর।. W3C WICG. btuhut. com/niceরোবটট.
  • রিচার্ডসন, ই. (২০১০)।. * এইচ.২৬৪ উন্নত ভিডিওর ব্যবহার প্রমিত* (২)।. উইলি.
  • ভ্যানি, এ. পিএম৪- ইক্সার — ওয়েব্যাকদের জন্য জাভাস্ক্রিপ্ট PP0X Mxers. জি.
  • ওয়াই৩সি (২০২১)।. ওয়েবোক PP0XY. o3c.orghut.io.orgকোডস্/.

বিনামূল্যে MP4 ভিডিও এক্সপোর্ট করুন — কোন সার্ভার, সাইনআপ নেই, কোন পানি নেই।. [pineL] /Mousage (ZoqqX) [joqZ] খুলুন এবং চেষ্টা করুন।.

Ready to create?

Start making animated GIFs, videos, and graphics — free, no signup.

Open PinePaper Editor