Chrome 94-এ নতুন

পিট লেপেজ

আপনার যা জানা দরকার তা এখানে:

  • <canvas> উপাদানগুলির জন্য ডিফল্ট রঙের স্থানটি এখন আনুষ্ঠানিকভাবে SRGB হিসাবে বিশেষভাবে সংজ্ঞায়িত করা হয়েছে এবং আপনি এটিকে ডিসপ্লে P3 এ পরিবর্তন করতে পারেন।
  • WebCodecs হল একটি নতুন, নিম্ন স্তরের অডিও এবং ভিডিও কোডেকগুলিতে অ্যাক্সেস করার উপায়, যা স্ট্রিমিং গেমস, ভিডিও সম্পাদক এবং এই ধরনের জন্য গুরুত্বপূর্ণ৷
  • WebGPU এর অরিজিন ট্রায়াল শুরু করে।
  • পিডব্লিউএ সামিট আসছে ৬-৭ অক্টোবর।
  • এবং আরো অনেক আছে.

আমি Pete LePage , কাজ করছি, এবং বাড়ি থেকে শুটিং করছি, আসুন আমরা ডুব দিয়ে দেখি Chrome 94-এ ডেভেলপারদের জন্য নতুন কী রয়েছে৷

canvas উপাদানগুলির জন্য ডিফল্ট রঙের স্থান

স্ক্রিনে কীভাবে রঙ রেন্ডার করা হয় তা কিছু ব্যবহারকারীর জন্য গুরুত্বপূর্ণ। ফটোগ্রাফার, প্রিন্ট ইলাস্ট্রেটর এবং আরও অনেকের জন্য, স্ক্রিনের রঙগুলি যা মুদ্রিত হয়েছে তার সাথে মেলে। ক্রোম 94 থেকে শুরু করে, <canvas> উপাদানগুলি sRGB ব্যবহার করে <canvas> রঙ দ্বারা পরিচালিত হয় । পূর্বে, sRGB কনভেনশন ছিল, কিন্তু স্পেসে স্পষ্টভাবে সংজ্ঞায়িত করা হয়নি।

opts = {colorSpace:'display-p3'};
const ctx = canvas.getContext('2d', opts);

আরও গুরুত্বপূর্ণভাবে, আপনি এখন নির্দিষ্ট করতে পারেন কোন রঙের স্থানটি ব্যবহার করার সময় একটি <canvas> রেন্ডারিং প্রসঙ্গ 2d অবজেক্ট, বা একটি ImageData অবজেক্ট, P3 রঙের স্থান সহ।

ওয়েবকোডেক্স

একটি পৃষ্ঠায় ভিডিও করা যথেষ্ট সহজ। কিন্তু, আপনি যদি একটু বেশি জটিল কিছু করতে চান, এবং একটি ভিডিও স্ট্রিমের উপাদানগুলির সাথে ইন্টারঅ্যাক্ট করতে চান তবে এটি কঠিন, এবং সাধারণত আপনার নিজের কোডেক পাঠানোর জন্য আপনাকে ওয়েব অ্যাসেম্বলি ব্যবহার করতে হবে!

কিন্তু আপনার নিজের কোডেক শিপিং মানে ব্রাউজারে ইতিমধ্যেই কোড লেখা, এবং এটি হার্ডওয়্যার ত্বরণের সুবিধা নিতে পারে না! ওয়েব কোডেক এপিআই ইতিমধ্যেই ব্রাউজারে থাকা মিডিয়া উপাদান এবং কোডেকগুলি ব্যবহার করা সম্ভব করে তোলে৷

ব্যক্তিগতভাবে, ওয়েবের জন্য একটি ভিডিও এনকোড করতে বা একটি GIF কে ভিডিও ফাইলে রূপান্তর করতে আমি সর্বদা সঠিক কমান্ড লাইন সুইচগুলি মনে রাখতে সংগ্রাম করেছি৷ WebCodecs এর মাধ্যমে উপলব্ধ APIs ব্যবহার করে, আমি দ্রুত একটি ওয়েব অ্যাপ তৈরি করতে পারি যা একটি ফাইল পড়ে এবং ওয়েবের জন্য প্রয়োজনীয় সঠিক ফাইলগুলি রপ্তানি করে।

ক্যানভাস বা ইমেজবিটম্যাপ থেকে নেটওয়ার্ক বা স্টোরেজের পথ
Canvas বা ImageBitmap থেকে নেটওয়ার্ক বা স্টোরেজের পথ

যে ওয়েব অ্যাপগুলির মিডিয়া বিষয়বস্তু প্রক্রিয়াকরণের পদ্ধতির উপর সম্পূর্ণ নিয়ন্ত্রণ প্রয়োজন, যেমন ভিডিও সম্পাদক, ভিডিও কনফারেন্সিং, স্ট্রিমিং অ্যাপ ইত্যাদি। মিডিয়া নিয়ন্ত্রণে নির্মিত ব্রাউজারগুলিতে অ্যাক্সেস বিশাল।

ত্রিশ সেকেন্ডের মধ্যে দরকারী কিছু দেখানো কঠিন, তাই প্রচুর কোড এবং কয়েকটি দুর্দান্ত ডেমো সহ গভীর ডাইভের জন্য web.dev-এ WebCodecs-এর সাথে ভিডিও প্রক্রিয়াকরণ দেখুন!

ওয়েবজিপিইউ

WebGPU হল একটি নতুন API যা আধুনিক গ্রাফিক্স ক্ষমতা, বিশেষ করে Direct3D 12, Metal, এবং Vulkan প্রকাশ করে। আপনি এটিকে WebGL-এর মতো ভাবতে পারেন, তবে এটি GPU-এর আরও উন্নত বৈশিষ্ট্যগুলিতে অ্যাক্সেস সরবরাহ করে এবং এটি GPU-তে সাধারণ গণনা সম্পাদনের জন্য সমর্থনও প্রদান করে।

OS API এবং Direct3D 12, Metal, এবং Vulkan এর মধ্যে WebGPUs সংযোগ দেখানো আর্কিটেকচার ডায়াগ্রাম।
WebGPU আর্কিটেকচার ডায়াগ্রাম

এটি Chrome 94-এ একটি অরিজিন ট্রায়াল শুরু করছে এবং Safari এবং Firefox উভয়ই বর্তমানে তাদের বাস্তবায়নে কাজ করছে।

একটি রুক্ষ সমুদ্রের একটি Babylon.js ডেমো WebGPU এর কম্পিউট শেডার ক্ষমতা ব্যবহার করে সিমুলেট করা হচ্ছে।

François-এর একটি দুর্দান্ত নিবন্ধ রয়েছে, web.dev-এ WebGPU-এর সাথে বিশদ বিবরণ সহ আধুনিক GPU বৈশিষ্ট্যগুলি অ্যাক্সেস করুন এবং CPU বনাম GPU-তে চলমান ম্যাট্রিক্স গুণনের কর্মক্ষমতা তুলনা করে৷ এখানে একটি ইঙ্গিত. জিপিইউ জিতেছে ।

পিডব্লিউএ সামিট

পিডব্লিউএ সামিট আসছে ৬-৭ অক্টোবর। এটি একটি বিনামূল্যের, অনলাইন কনফারেন্স যা প্রত্যেককে প্রগতিশীল ওয়েব অ্যাপের সাথে সফল হতে সাহায্য করার উপর দৃষ্টি নিবদ্ধ করে৷ পিডব্লিউএ সামিট হল পিডব্লিউএ প্রযুক্তি তৈরির সাথে জড়িত মুষ্টিমেয় বিভিন্ন কোম্পানির লোকদের মধ্যে একটি সহযোগিতা: গুগল, ইন্টেল, মাইক্রোসফ্ট এবং স্যামসাং।

মহান আলোচনা এবং বিষয়বস্তু একটি টন আছে. আপনি আরও জানতে এবং PWASummit.org এ নিবন্ধন করতে পারেন। আমি তোমাকে সেখানে দেখার আশা করছি!

এবং আরো!

অবশ্যই আরো অনেক আছে.

prioritized scheduler.postTask() পদ্ধতি আপনাকে কাজের সময়সূচী নির্ধারণ করতে এবং গতিশীলভাবে তাদের অগ্রাধিকার পরিবর্তন করতে বা একসাথে বাতিল করতে দেয়।

স্ক্রল বারগুলি উপস্থিত হওয়ার সময় আপনি যদি পুনরায় লেআউটের সাথে লড়াই করে থাকেন তবে scrollbar-gutter সম্পত্তি আপনাকে খুশি করবে। এটি স্ক্রলবার গটারগুলির উপস্থিতির উপর নিয়ন্ত্রণ প্রদান করে, যা আপনাকে বিষয়বস্তু প্রসারিত হওয়ার সাথে সাথে লেআউট পরিবর্তনগুলি প্রতিরোধ করতে দেয়।

তৃতীয় পক্ষের প্রসঙ্গে WebSQL-এর ব্যবহার এখন অবহেলিত হয়েছে , এবং Chrome 97-এ অপসারণ প্রত্যাশিত। নভেম্বর 2010-এ ওয়েব SQL ডেটাবেস স্ট্যান্ডার্ড পরিত্যাগ করা হয়েছিল। এটি Firefox-এ কখনই প্রয়োগ করা হয়নি, এবং 2019 সালে Safari-এ অবচয়িত হয়েছিল। এটি অবচয় হবে। এবং ব্যবহার যথেষ্ট কম হলে Chrome থেকে সরানো হয়। আপনি যদি এখনও WebSQL ব্যবহার করে থাকেন, তাহলে এটি থেকে আপনার মাইগ্রেশনের পরিকল্পনা শুরু করার জন্য এখনই উপযুক্ত সময়।

এবং ভার্চুয়াল কীবোর্ড API আপনাকে কীভাবে এবং কখন ভার্চুয়াল, অন-স্ক্রীন কীবোর্ড দেখানো হয় তার উপর আরও নিয়ন্ত্রণ দেয়। এটি আপনাকে স্পষ্টভাবে কোন স্ক্রলিং আচরণ নিয়ন্ত্রণ করতে দেয়, বা কীবোর্ড প্রদর্শিত বা অদৃশ্য হয়ে গেলে লেআউটে পরিবর্তন করতে দেয়।

আরও পড়া

এটি শুধুমাত্র কিছু মূল হাইলাইট কভার করে। Chrome 94-এ অতিরিক্ত পরিবর্তনের জন্য নীচের লিঙ্কগুলি দেখুন৷

সাবস্ক্রাইব

আপ টু ডেট থাকার জন্য, Chrome Developers YouTube চ্যানেলে সাবস্ক্রাইব করুন , এবং যখনই আমরা একটি নতুন ভিডিও লঞ্চ করব আপনি একটি ইমেল বিজ্ঞপ্তি পাবেন৷

আমি পিট লেপেজ, এবং ক্রোম 95 রিলিজ হওয়ার সাথে সাথে, আমি আপনাকে বলতে এখানে থাকব যে Chrome-এ নতুন কী আছে!