এইচএলএস এবং ড্যাশ অ্যাডাপটিভ স্ট্রিমিং ব্যবহার করে কীভাবে আপনার ওয়েবসাইটে কোনও HTML5 ভিডিও প্লেয়ার এম্বেড করবেন

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



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

JWPlayer ব্যবহার করে আপনার ওয়েবসাইটে একটি HTML5 ভিডিও প্লেয়ার এম্বেড করুন

আমরা শুরু করার আগে, আমরা JWPlayer এর কাছ থেকে পাওয়ার পরামর্শ দিই এখানে । অভিযোজিত স্ট্রিমিংয়ের উদ্দেশ্যে এইচএলএস এবং ড্যাশ ব্যবহারের ফলে, অনেক ভিডিও প্লেয়ার প্রকাশিত হয়েছে যা অবশ্যই তাদের সুফলগুলিতে তাদের ন্যায্য অংশ সরবরাহ করে। এমন একটি খেলোয়াড় যা সময়ের পরে চ্যালেঞ্জগুলি সহ্য করেছে এবং ইএসপিএন এবং সনি পিকচার্সের পছন্দগুলি দ্বারা ব্যবহার করা হয়েছে জেডাব্লুপ্লায়ার। এইচটিএমএল 5, আইওএস, অ্যান্ড্রয়েড এবং ফায়ার ওএস এ ভিডিও প্লেয়ার এম্বেড করে কন্টেন্ট আপলোড করা, জেডাব্লুপ্লায়ারের নেটিভ কোড দিয়ে আরও সহজ করা হয়েছে যা আরও ভাল ব্যবহারকারীর অভিজ্ঞতার জন্য আপনার অনুসারে তৈরি করা যেতে পারে। তবে আমাদের আজকের ফোকাসটি এইচটিএমএল 5 ভিডিও প্লেয়ার এবং আপনি কীভাবে উন্নত অভিযোজিত স্ট্রিমিংয়ের জন্য এইচএলএস এবং ড্যাশ ব্যবহার করতে পারেন তা নিয়ে is



জেডাব্লু প্লেয়ার কী অফার করে?

আপনার ভিডিওগুলি আপলোড এবং তাদের প্লেলিস্টে পরিণত করার জন্য আপনাকে একটি প্ল্যাটফর্ম সরবরাহ করার পাশাপাশি, জেডাব্লুপ্লায়ার আপনাকে আপনার বিজ্ঞাপনের সময়সূচি এবং কাস্টমাইজড প্রতিবেদনগুলির প্রতিবেদন দিয়ে আপনার আপলোড করা ভিডিওগুলির রিয়েল-টাইম পরিসংখ্যান দেখতে দেয়।



কাস্টমাইজড প্রতিবেদন



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

JWPlayer এ ভিডিও আপলোড করা হচ্ছে

ভিডিও আপলোড করুন

আপনি আপনার HTML5 ওয়েবসাইটে JWPlayer এম্বেড করা শুরু করার আগে, প্রথমে JWPlayer প্ল্যাটফর্মে সম্পর্কিত ভিডিওগুলি আপলোড করা গুরুত্বপূর্ণ। ধন্যবাদ, এটি খুব জটিল কাজ নয় কারণ আপনাকে যে ফাইলটি আপলোড করতে চান তা নির্বাচন করতে হবে।



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

এইচএলএস এবং ড্যাশ ভিডিও প্লেয়ার কাস্টমাইজ করা

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

ক্লাউড-হোস্ট প্লেয়ার কাস্টমাইজ করা

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

আপনার এই সমস্ত কিছু নিচে নেওয়ার পরে আপনাকে অবশ্যই ক্লাউড হোস্টেড প্লেয়ার লাইব্রেরি কোডটি আপনার ওয়েবপৃষ্ঠায় আপলোড করতে হবে আপনার ওয়েবসাইটটিতে JWPlayer লোড করার জন্য ট্যাগ করুন।

ভিডিও প্লেয়ার এম্বেড করা হচ্ছে

ডিফল্টরূপে, জেডব্লিউপ্লেয়ার স্বয়ংক্রিয়ভাবে এইচটিএমএল 5 মিডিয়া ইঞ্জিনগুলি পছন্দ করে যাতে আপনার প্রাথমিক পছন্দ সেট করার বিষয়ে চিন্তা করতে হবে না। তবে কিছু ক্ষেত্রে আপনাকে এটি পরিবর্তন করার আহ্বান জানাতে পারে। যখন এটি হয়, আপনি প্লেয়ারটিকে কাস্টমাইজ করতে পারেন এবং এটি আপনার উপায়ে সেট আপ করতে পারেন।

একবার আপনি আপনার ওয়েবপৃষ্ঠার ট্যাগটিতে ক্লাউড-হোস্ট করা প্লেয়ার লাইব্রেরি আপলোড করার পরে, পরবর্তী পদক্ষেপটি এমবেডড কোড আপলোড করা হবে। প্রথমে ক ট্যাগে যেখানে JWPlayer অবশ্যই উপস্থিত হবে। কল করুন সেটআপ () প্লেলিস্ট সম্পত্তি সহ লক্ষ্যযুক্ত প্লেয়ার কল

নীচে একটি নমুনার উদাহরণ রয়েছে সেটআপ () জেডাব্লুপ্লেয়ার ডেভস তাদের নিজের দ্বারা সরবরাহ করা কোড:

jwplayer ('myElement')। সেটআপ (play 'প্লেলিস্ট': 'https://example.com/myVideo.mp4