ওয়েবে মিডিয়া প্লেব্যাক ত্রুটিগুলি ডিবাগ করুন৷

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

ডিবাগিং HTML মিডিয়া উপাদান, যেমন <video> এবং <audio> , কঠিন হতে পারে কারণ ডিকোডার বাস্তবায়ন তারা যা ত্রুটি বিবেচনা করে তার মধ্যে পরিবর্তিত হয় (হার্ডওয়্যার ডিকোডারগুলি সাধারণত সবচেয়ে কঠোর হয়), বিশেষ করে যখন একটি প্লেব্যাক একটি নির্দিষ্ট কোডেকের আরও রহস্যময় বৈশিষ্ট্য ব্যবহার করতে পারে . সৌভাগ্যবশত আমাদের জন্য, বিভিন্ন ধরনের টুল রয়েছে যা আমরা সাহায্য করতে পারি।

মিডিয়া প্লেব্যাক ত্রুটিগুলি ডিবাগ করার সময়, আমরা সাধারণত প্রথমে যে জিনিসটি পরীক্ষা করি তা হল HTML মিডিয়া উপাদানের MediaError error বৈশিষ্ট্য৷ এই বৈশিষ্ট্যটি মিডিয়া প্লেব্যাক ত্রুটির কারণের একটি উচ্চ স্তরের ইঙ্গিত৷ MediaError.code সম্পত্তি একটি সাংখ্যিক মান প্রদান করে যা একটি মিডিয়া উপাদানে ঘটে যাওয়া ত্রুটির ধরনের প্রতিনিধিত্ব করে। অন্যান্য বৈশিষ্ট্য MediaError.message ব্রাউজার থেকে কিছু ডায়াগনস্টিক তথ্য সহ একটি স্ট্রিং প্রদান করতে পারে।

const video = document.querySelector('video');
video
.addEventListener('error', () => {
  console
.log('Error code: ' + video.error.code);
  console
.log('Error message: ' + video.error.message);
});

এই বৈশিষ্ট্যগুলি টেলিমেট্রি বিশ্লেষণের জন্য সবচেয়ে উপযোগী, এবং প্লেব্যাক ত্রুটিগুলি ডিবাগ করার জন্য সর্বদা যথেষ্ট তথ্য প্রদান করতে পারে না। গোপনীয়তার কারণে, কখনও কখনও সম্পূর্ণ ত্রুটির পাঠ্যটি বাদ দিতে হবে।

সম্পূর্ণ ত্রুটির তথ্য অ্যাক্সেস করতে মিডিয়া লগ দেখতে Chrome DevTools "মিডিয়া প্যানেল" ব্যবহার করুন৷ আপনি ইভেন্ট, সতর্কতা এবং ত্রুটি বার্তার মতো প্রচুর তথ্য পাবেন যা আপনাকে মিডিয়া প্লেব্যাক ত্রুটিগুলির কিছু ভাল ইঙ্গিত দেবে।

Chrome DevTools-এ মিডিয়া প্যানেলের স্ক্রিনশট
Chrome DevTools-এ মিডিয়া প্যানেল।

এই কমান্ডের জন্য ধন্যবাদ মিডিয়া ফাইলের অখণ্ডতা পরীক্ষা করতে আপনি FFmpeg বিনামূল্যের অ্যাপ্লিকেশন ব্যবহার করতে পারেন:

ffmpeg -err_detect explode -i <file> -f null -

এখানে কিছু ত্রুটি রয়েছে যা আপনি অবৈধ কোডেক সহ একটি ভিডিও ফাইলের জন্য এই কমান্ডগুলির সাথে পেতে পারেন:

[mov,mp4,m4a,3gp,3g2,mj2 @ 0x7fc62df05380] Could not find codec parameters for stream 0 (Video: none (zzzz / 0x7A7A7A7A), none(smpte170m/smpte170m/bt709, progressive), 320x240, 4 kb/s): unknown codec
Consider increasing the value for the 'analyzeduration' (0) and 'probesize' (5000000) options
[matroska,webm @ 0x7fd45b705380] Unknown EBML doctype '0000'
[matroska,webm @ 0x7f8d17904d40] Element at 0x8b ending at 0x10400000095 exceeds containing master element ending at 0x9b
Truncating packet of size 9069 to 94

MP4Box.js / ISOBMFF বক্স স্ট্রাকচার ভিউয়ার বিটস্ট্রিম সমস্যাগুলি ডিবাগ করার জন্য একটি দরকারী টুল। যদিও এটি ব্যবহার করার জন্য ইতিমধ্যে MP4 বোঝার প্রয়োজন হয়।

অবশেষে, কিছু ভিডিও স্ট্রিম বিশ্লেষণ পেশাদার সরঞ্জাম যেমন VQAnalyzer , Elecard StreamEye , এবং Codecian CodecVisa , আপনার অর্থের মূল্য হতে পারে৷