এইচটিএমএল 5 ব্যাকগ্রাউন্ড ভিডিওর জন্য এনকোড সেটিংস


17

আমি এইচটিএমএল 5 ভিডিও ব্যাকগ্রাউন্ড সহ একটি ওয়েবসাইট তৈরি করতে চাই।

আমার একটি সংক্ষিপ্ত 1080p এমপি 4 ক্লিপ রয়েছে যা আমি ব্যবহার করতে চাই (20s)। আমি ভিডিওটি একটি লেটারবক্স ফর্ম্যাটে (5: 2 আইএসএইচ) চালাতে চাইছি, পৃষ্ঠার সামগ্রীর পিছনে পূর্ণ পর্দা (উদাহরণস্বরূপ পেপালের ওয়েবসাইট দেখুন: https://www.paypal.com/uk/webapps/mpp/home )

এই উদ্দেশ্যে প্রিমিয়ার সিসিতে সেরা রফতানীর সেটিংস কী হবে?

উত্তর:


17

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

<video autoplay="autoplay" muted="muted" poster="none">
    <source src="https://www.paypalobjects.com/webstatic/mktg/wright/videos/send-money.mp4" type="video/mp4">
    <source src="https://www.paypalobjects.com/webstatic/mktg/wright/videos/send-money.webm" type="video/webm">
</video>

আপনি দেখতে পাচ্ছেন যে তারা এমপি 4 (এইচ 264 কোডেক) এবং ভিডিওর ওয়েবম সংস্করণ উভয়ই সরবরাহ করে। এগুলি আপনার পক্ষে ভাল বিকল্পও হবে।

তদতিরিক্ত, আপনার ভিডিওগুলি যথাসম্ভব ছোট রাখার চেষ্টা করা উচিত, যাতে ধীরে ধীরে ইন্টারনেট সহ সাইট দর্শকরাও এটি দেখতে সক্ষম হবেন। এই উদ্দেশ্যে, আপনার 1080p এর পরিবর্তে 720p দিয়ে ভিডিওটি রফতানি করা উচিত (ভিডিওটি ব্যাকগ্রাউন্ডে থাকা কেউ বিশেষত পার্থক্যটি দেখতে পাবে না) এবং 1 এমবিট / সেকেন্ডের নিচে বিটরেটের লক্ষ্য রাখুন। উদাহরণস্বরূপ, পেপাল ভিডিওটি প্রায় 700 Kbit / s এর বিটরেট ব্যবহার করে। আপনার যদি অডিওটির প্রয়োজন না হয়, আপনি অডিও ছাড়াই বা কম অডিও বিটরেট, অর্থাৎ 96 কেবিট / সেফ সহ রফতানি করতে পারবেন।

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

নভেম্বর 2018 আপডেট করুন

যেহেতু এই প্রশ্নটি এখনও অনেক ভিউ পেয়েছে, তাই আমি কিছু আপ-টু-ডেট তথ্য যুক্ত করতে চেয়েছিলাম। এখন অবধি , সমস্ত আধুনিক ব্রাউজারগুলি এমপি 4 (এমপিইজি -4 / এইচ .264) সমর্থন করে এবং দীর্ঘকাল ধরে চলেছে যে আপনি বেশিরভাগ প্রকল্পের জন্য কেবল এমপি 4 সরবরাহ করবেন। আপনার প্রকল্পে যে সমস্ত ব্রাউজার সমর্থন করতে হবে তার জন্য এমপি 4 খেলতে পারে তা নিশ্চিত করতে ব্রাউজারের সামঞ্জস্য টেবিলের জন্য উপরের লিঙ্কটি দেখুন। অডিও ট্র্যাকের জন্য এএসি ব্যবহারের কথা মনে রাখবেন, এমপিথ্রি নয়, এটি কম ব্রাউজার দ্বারা সমর্থিত।

তবুও, আপনি প্রথম হিসাবে একটি ওয়েবএম ভিডিও সরবরাহ করতে পারেন এবং হওয়া উচিত <source>, যেহেতু এটিতে আরও ভাল সংকোচনের বৈশিষ্ট্য রয়েছে, তাই সীমিত ডেটা প্ল্যানের ব্যবহারকারীরা আপনাকে ধন্যবাদ জানাবে। আমি কেবল যুক্ত করতে চেয়েছিলাম যে আপনি যদি ডিস্ক স্পেসের ক্ষেত্রে সীমাবদ্ধ থাকেন তবে সময় বা অন্য কোনও ভেরিয়েবল রেন্ডার করুন যা ওয়েবএম সরবরাহ করা কঠিন করে তোলে, এমপি 4 এখনই আপনার প্রয়োজন।

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


8

যেমন মরিজলস্ট বলেছেন , ডাউনস্কেল । আগ্রহী ব্যক্তিদের জন্য পুরো-মানের সংস্করণে কোথাও একটি লিঙ্ক রেখে দিন। লোয়ার রেজিও ক্লায়েন্টের পক্ষে সংস্থানগুলির ব্যবহার হ্রাস করবে। এমনকি সামগ্রীর উপর নির্ভর করে 640p, 576p বা 480p পর্যন্ত ডাউনসেস্কিং ভাল হতে পারে এবং এটি এখনও আপনার পৃষ্ঠার পাঠ্যের পিছনে কীভাবে দৃশ্যমান হবে।

এছাড়াও, যেহেতু আপনার সাইটে যে কেউ প্রত্যেকে এই ভিডিওটি লোড করবে, তাই আপনি যতটা বিট্রেট পারেন তার চেয়ে বেশি গুণ মান নিচ্ছেন তা নিশ্চিত করার জন্য অতিরিক্ত ঝামেলা নিতে হবে। ESP। আপনি যদি ভিডিওটি প্রায়শই পরিবর্তন করার পরিকল্পনা না করেন। এইচ .264 এর জন্য, এর অর্থ প্রসেট = veryslow, crf = 26(বা 2-পাস বিটরেট টার্গেট) দিয়ে x264 এ একটি ক্ষতিহীন উত্সকে খাওয়ানো । x264 হ'ল সেরা h.264 এনকোডার। (বিভিন্ন এইচ .২64 enc এনকোডারগুলির স্বতন্ত্র পরীক্ষার বিষয়টি নিশ্চিত করেছে)) যথেষ্ট সিপিইউ সময় দেওয়ার কারণে, একটি দুর্দান্ত ছোট ফাইল তৈরির উপায়গুলি খুঁজে পাওয়ার জন্য এটিতে অনেক চালাক অ্যালগরিদম রয়েছে। (এবং আপনার যদি প্রয়োজন হয় তবে দ্রুত চালাতে পারেন, তবে এনকোড সময়টি এই ব্যবহারের ক্ষেত্রে সত্যিই প্রাসঙ্গিক নয়: একবার এনকোড করুন, অনেকবার ডাউনলোড করুন এবং খেলুন))

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

আপনার যদি ভিডিওর একটি সম্পূর্ণ-মানের সংস্করণের লিঙ্ক থাকে, আপনি এটির সাথে অডিও অন্তর্ভুক্ত করতে পারেন। এএসি স্টেরিওকে দুর্দান্ত শোনার জন্য 96kb / s যথেষ্ট। 64 কেবি / গুলি এখনও ভাল শোনাবে। (যতক্ষণ না আপনি কোনও খারাপ এনকোডার ব্যবহার করেন না, যেমন ffmpeg ছাড়া অন্য কিছু libfdk-aac

সম্পাদনা:

পেপালের ভিডিওতে আমার নজর ছিল। (পৃষ্ঠা তথ্য দেখুন -> মিডিয়া -> ভিডিওটি সন্ধান করুন -> হিসাবে সংরক্ষণ করুন)।

mediainfo আউটপুট:

General
Complete name                            : /f/p/home-signup.mp4
Format                                   : MPEG-4
Format profile                           : Base Media / Version 2
Codec ID                                 : mp42
File size                                : 10.9 MiB
Duration                                 : 1mn 11s
Overall bit rate                         : 1 276 Kbps
Movie name                               : Homepage SignUp - Alan Version
Album/Performer                          : Sorgel, Chase(AWF)
Composer                                 : Sorgel, Chase(AWF)
Description                              : This video is about Homepage SignUp - Alan Version
Encoded date                             : UTC 2014-03-13 16:26:17
Tagged date                              : UTC 2014-03-13 16:26:29
Writing application                      : HandBrake 0.9.9 2013051800

Video
ID                                       : 1
Format                                   : AVC
Format/Info                              : Advanced Video Codec
Format profile                           : Main@L4.0
Format settings, CABAC                   : Yes
Format settings, ReFrames                : 4 frames
Codec ID                                 : avc1
Codec ID/Info                            : Advanced Video Coding
Duration                                 : 1mn 11s
Bit rate                                 : 1 273 Kbps
Width                                    : 1 280 pixels
Height                                   : 720 pixels
Display aspect ratio                     : 16:9
Frame rate mode                          : Constant
Frame rate                               : 30.000 fps
Color space                              : YUV
Chroma subsampling                       : 4:2:0
Bit depth                                : 8 bits
Scan type                                : Progressive
Bits/(Pixel*Frame)                       : 0.046
Stream size                              : 10.9 MiB (100%)
Writing library                          : x264 core 130 r2273 b3065e6
Encoding settings                        : cabac=1 / ref=1 / deblock=1:0:0 / analyse=0x1:0x111 / me=hex / subme=2 / psy=1 / psy_rd=1.00:0.00 / mixed_ref=0 / me_range=16 / chroma_me=1 / trellis=0 / 8x8dct=0 / cqm=0 / deadzone=21,11 / fast_pskip=1 / chroma_qp_offset=0 / threads=12 / lookahead_threads=4 / sliced_threads=0 / nr=0 / decimate=1 / interlaced=0 / bluray_compat=0 / constrained_intra=0 / bframes=3 / b_pyramid=2 / b_adapt=1 / b_bias=0 / direct=1 / weightb=1 / open_gop=0 / weightp=1 / keyint=300 / keyint_min=30 / scenecut=40 / intra_refresh=0 / rc_lookahead=10 / rc=crf / mbtree=1 / crf=23.0 / qcomp=0.60 / qpmin=0 / qpmax=69 / qpstep=4 / vbv_maxrate=20000 / vbv_bufsize=25000 / crf_max=0.0 / nal_hrd=none / ip_ratio=1.40 / aq=1:1.00
Encoded date                             : UTC 2014-03-13 16:26:17
Tagged date                              : UTC 2014-03-13 16:26:29
Color primaries                          : BT.709
Transfer characteristics                 : BT.709
Matrix coefficients                      : BT.709

সুতরাং তারা হ্যান্ডব্রেকের মাধ্যমে x264 ব্যবহার করেছে তবে তারা উপযুক্ত সিপিইউ-সময় বনাম হার-বিকৃতি ট্রেডঅফ বেছে নিতে পারে। প্রিসেট ref=1,me=hex,subme=2মত দেখাচ্ছে veryfast। ( x264 --fullhelpপ্রতিটি প্রিসেট কীভাবে পৃথক হয় mediumযা দেখতে , যা প্রতিটি কিছুর জন্য ডিফল্ট সেটিংস ব্যবহার করে)) ভাগ্যক্রমে তাদের জন্য, ডিফল্ট crf 23মান সেটিংটি তাদের ব্যবহারের ক্ষেত্রে সঠিক। তারা বাঁচাতে পারতেন আমি 1273kb থেকে অন্য 20% বিটরেট অনুমান চাই / তারা ভাল সেটিংস ব্যবহার, মত দ্বারা crf23 থেকে পেয়েছেন র veryslow, অথবা এমনকি মাত্র mediumবা slow

আমার ধারণা, তারা কিছু পুরানো অ্যান্ড্রয়েড / আইওএস ডিভাইসগুলির সাথে কম্প্যাট করার জন্য h.264 মূল প্রোফাইলের মধ্যে সীমাবদ্ধ রাখার সিদ্ধান্ত নিয়েছে, আমার ধারণা gu ( --profile Main)। মানের জন্য প্রয়োজনের তুলনায় আরও বিটরেট ব্যবহার করা ভিডিও হ'ল পোষ্যের এক প্রকারের প্রকার, তাই এটি আমাকে সত্যই বিরক্ত করে যে লোকেরা এখনও বেসলাইন প্রোফাইল এনকোড বিতরণ করে। মূল প্রোফাইলটি 8x8dct ব্যবহার করতে পারে না, যা বেশ খানিকটা ব্যথা পায় তবে কমপক্ষে এটি প্রায় 15% বিট্রেট বনাম সিএভিএলসি সংরক্ষণ করতে সিএবিএসি ব্যবহার করতে পারে, নিখুঁত রেজ / বিটরেট / অন্য কোনও সেটিংস নির্বিশেষে।

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


3

আমি মরিটজলস্ট যা বলছে তার সাথে আমি অনেকটাই একমত ।

আমি কেবল প্রিমিয়ার প্রোতে মানগুলি সেট করতে সহায়তা করতে রফতানি উইন্ডো সেটিংসের স্ক্রিন শট যুক্ত করতে চেয়েছিলাম।

আমি সাধারণত রফতানি স্ক্রিন আনতে কমান্ড-এম (ম্যাক) টিপুন এবং আপনি নীচের মতো দেখতে সেট করে দেব।

গুরুত্বপূর্ণ সেটিংসটি বিট্রেট সেটিংস হ'ল, আমি এটিকে 1 এমবিপিএস ভিবিআর এ সেট করব এবং একটি নির্দিষ্ট সময়ে প্রচুর পরিমাণে ক্রিয়াকলাপ পাওয়া দৃশ্যের জন্য ২.৪-এর মতো উচ্চতর করে দেব।

1MB ফাইলের আকারের জন্য লক্ষ্য করার চেষ্টা করুন। (পেপালের সেন্ডমনি ভিডিওটি ১৩ সেকেন্ডের জন্য 1.2MB ছিল, কোনও অডিও নেই)

এখানে চিত্র বর্ণনা লিখুন

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.