ওয়েবে অডিও এবং ভিডিও প্লেব্যাক সিঙ্ক্রোনাইজ করুন

ওয়েব অডিও API সঠিকভাবে AV সিঙ্ক্রোনাইজেশন অর্জন করা সম্ভব করে তোলে।

ফ্রাঁসোয়া বিউফোর্ট
François Beaufort

AudioContext ইনস্ট্যান্সের outputLatency প্রপার্টি অডিও হার্ডওয়্যারের আউটপুট লেটেন্সির একটি অনুমান প্রদান করে (উদাহরণস্বরূপ, ব্লুটুথ ইয়ারবাড বা একটি বাহ্যিক USB অডিও ইন্টারফেসের)। এই সম্পত্তি দরকারী যখন আপনি চান:

  • বিদ্যমান অডিও উপাদান এবং নতুন রেকর্ড করা উপাদান সিঙ্ক্রোনাইজ করুন। (একটি সঙ্গীত উত্পাদন দৃশ্যে)
  • ওয়েব অডিও আউটপুট এবং অন্যান্য মিডিয়া (যেমন ভিডিও বা MIDI প্লেব্যাক) সিঙ্ক্রোনাইজ করুন।

এই WebCodecs ডেমোতে ( উৎস ), WebCodecs API একটি MediaStream কাঁচা ভিডিও এবং অডিও ডেটাতে ডিকোড করতে ব্যবহৃত হয় এবং তারপর একটি অডিও ওয়ার্কলেট থেকে আসা অডিও ডেটা সহ একটি HTML <canvas> উপাদানে প্লে করা হয়। outputLatency প্রপার্টি ডেমোকে একটি প্রদত্ত অডিও টাইমস্ট্যাম্প কখন ব্যবহারকারীর কানে পৌঁছাবে তা নির্ধারণ করতে দেয় এবং তারপর সেই সাথে মেলে ভিডিও ফ্রেমগুলিকে সঠিকভাবে পেইন্ট করে।

ডেমোর একটি স্ক্রিনশট, যা ভলিউম, অডিও বাফার স্বাস্থ্য, মোট আউটপুট লেটেন্সি, এবং AudioContext.outputLatency ব্যবহার করার জন্য একটি চেকবক্সের জন্য অডিও নিয়ন্ত্রণ সহ একটি এমবেডেড ভিডিও।

এটি নিজের জন্য চেষ্টা করুন, আপনার প্রিয় ব্লুটুথ হেডসেট (🎧) দিয়ে ভিডিওটি চালান, পাখির জন্য অপেক্ষা করুন (🐦) (উপরে দেখুন), এবং অডিও প্লেব্যাক পরিবর্তনগুলি পর্যবেক্ষণ করতে চেকবক্স (☑️) টগল করুন৷ মোট আউটপুট লেটেন্সি মান রিয়েল টাইমে আপডেট করা হয়।

অডিও কনটেক্সট আউটপুট ল্যাটেন্সি

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

  • 102
  • 102
  • 70
  • এক্স

উৎস

আনস্প্ল্যাশে ওয়াহিদ খেনের নায়কের ছবি।