অডিও এবং ভিডিও নিয়ন্ত্রণে বিরাম চিহ্নের জন্য এইচটিএমএল


98

আমি ইউনিকোড প্রতীকটি সন্ধান করার চেষ্টা করছি ইউনিকোড বিরতি প্রতীক একটি বোতাম প্রদর্শন করতে। আমি জানতে পেরেছিলাম যে ইউনিকোড প্লে প্রতীক &#9658তবে আমি ইউনিকোড বিরতি প্রতীকটির সমতুল্য সন্ধান করছি।


4
এই একই প্রশ্ন ছিল, তবে "স্টপ" বোতামের জন্য (স্কোয়ার)। এর জন্য রোকোর উত্তর ছিল সেরা।
স্টারম্যান্ডেলাক্স

উত্তর:


109

বিভিন্ন চিহ্ন রয়েছে যা যথাযথ প্রতিস্থাপন হিসাবে বিবেচিত হতে পারে, সহ:

  1. | | - দুটি স্ট্যান্ডার্ড (গাed়) উল্লম্ব বার।

  2. ▋▋ - ▋এবং অন্য▋

  3. ▌▌ - ▌এবং অন্য▌

  4. ▍▍ - ▍এবং অন্য▍

  5. ▎▎ - ▎এবং অন্য▎

  6. ❚❚ - ❚এবং অন্য❚

আমি হয়ত এক বা দুজনকে বাদ দিয়েছি, তবে আমি মনে করি এগুলি আরও ভাল। এখানে সেক্ষেত্রে প্রতীকগুলির একটি তালিকা রয়েছে


আমি এটি ব্যবহার করেছি: 𝍪।
জোশুয়াডি

& # 9646; এইচটিএমএল আসল বিরতি প্রতীক।
ফ্লা

@ জোশুয়াড আপনি যদি একাধিক ব্রাউজার সমর্থন করতে চান তবে আপনার সম্ভবত এটি ব্যবহার করা উচিত নয়। আমি সর্বশেষতম ফায়ারফক্স ব্যবহার করছি এবং এটি পাঠযোগ্য নয়।
Child

4
আমি =সঙ্গে ব্যবহার transform:rotate(90deg);
জো ডিএফ

4
@ অ্যাকড্ডফড - এটি ব্রাউজার সম্পর্কে (কেবল) নয়, এটি আপনার মেশিনে ইনস্টল করা ফন্টগুলির উপর নির্ভর করে।
কুবি

181

মিডিয়া নিয়ন্ত্রণ প্রতীকগুলির জন্য ইউনিকোড স্ট্যান্ডার্ড

বিরতি: ⏸︎

ইউনিকোড স্ট্যান্ডার্ড 13.0 (আপডেট 2020) প্রদান করে বিবিধ কারিগরী HEX সীমার মধ্যে গ্লিফ 2300-23FF

বিবিধ প্রযুক্তিগত

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

কীবোর্ড এবং ইউআই প্রতীক

23 সিএফ ject মিডিয়া বের করুন

ব্যবহারকারী ইন্টারফেস প্রতীক

23E9 forward দ্রুত ফরোয়ার্ড
23EA ⏪︎ রিওয়াইন্ড, দ্রুত পিছনের দিকে
23EB EC দ্রুত বৃদ্ধি
23EC ⏬︎ দ্রুত হ্রাস
23ED end শেষ
এড়ান , পরের 23EE start এড়িয়ে চলুন, পূর্ববর্তী
23EF ⏯︎ প্লে / বিরাম টগল
23F1 ⏱︎ স্টপওয়াচ
23F2 ⏲︎ টাইমার ক্লক
23F3 ⏳︎
ঘন্টাঘড়ি 23F4 ⏴
Verse বিপরীত, পিছনে 23F5 ⏵︎ এগিয়ে, পরের,
23F6 খেলুন 23 বৃদ্ধি
23F7 ⏷︎ হ্রাস
23F8 ⏸︎ বিরতি
23F9 ⏹︎ থামুন
23FA ⏺︎ রেকর্ড

আইএসও 7000: 2012 থেকে পাওয়ার চিহ্নগুলি

23FB ⏻︎ স্ট্যান্ডবাই / পাওয়ার
23FC ⏼︎ ক্ষমতা চালু / বন্ধ
23FD ⏽︎ ক্ষমতা
2B58 ⭘︎ পাওয়ার বন্ধ

আইইইই 1621-2004 থেকে পাওয়ার প্রতীক

23FE ⏾︎ শক্তি ঘুম

ওয়েবে ব্যবহার করুন:

বাইটসকে কীভাবে সঠিকভাবে রূপান্তর করতে পার্সারকে নির্দেশ দেওয়ার জন্য বিওএম ছাড়াই ইউটিএফ -8 এনকোডিং ব্যবহার করে একটি ফাইল সংরক্ষণ করতে হবে (যা বেশিরভাগ বিকাশের পরিবেশ ডিফল্টরূপে সেট করা থাকে)। অবিলম্বে পরে ব্যবহার করা উচিত একটি HTML ফাইল , এবং নিশ্চিত সঠিক HTTP- র হেডার করতে সেট করা হয়।<meta charset="utf-8"/><head>Content-Type: text/html; charset=utf-8

উদাহরণ:

এইচটিএমএল
&#x23E9; Pictograph 
&#x23E9;&#xFE0E; Standardized Variant
সিএসএস
.icon-ff:before { content: "\23E9" }
.icon-ff--standard:before { content: "\23E9\FE0E" }
জাভাস্ক্রিপ্ট
EL_iconFF.textContent = "\u23E9";
EL_iconFF_standard.textContent = "\u23E9\uFE0E"

স্ট্যান্ডার্ডাইজড ভেরিয়েন্ট

একটি গ্লাইফকে "রঙ-ইমোজিফাইড" হওয়া থেকে রোধ করতে Standard / the কোডটি যুক্ত করুন + + FE0E পাঠ্য উপস্থাপনা নির্বাচনকারীকে স্ট্যান্ডার্ডযুক্ত বৈকল্পিকের জন্য অনুরোধ করুন : (উদাহরণ &#x23e9;&#xfe0e;:)

অসঙ্গতি

ইউনিকোড পরিসরে অক্ষরগুলি হ'ল ফন্ট-পারিবারিক পরিবেশ যা তারা ব্যবহৃত হয়, অ্যাপ্লিকেশন, ব্রাউজার, ওএস, প্ল্যাটফর্মের জন্য সংবেদনশীল।
যখন অজানা বা অনুপস্থিত - আমরা পরিবর্তে বা ▯ এর মতো চিহ্নগুলি দেখতে পাই বা বিভিন্ন বিক্রেতার দ্বারা এইচটিএমএল পার্সার বাস্তবায়নের ক্ষেত্রে পার্থক্যের কারণে এমনকি অসামঞ্জস্য আচরণও দেখতে পাই ।
উদাহরণস্বরূপ, উইন্ডোজ ক্রোমিয়াম ব্রাউজারগুলিতে স্ট্যান্ডার্ডাইজড ভেরিয়েন্ট প্রত্যয় U + FE0E বগী হয় এবং এই জাতীয় চিহ্নগুলি এখনও CSS সহ আরও ভাল থাকে: font-family: "Segoe UI Symbol"রঙিন ইমোজি (সাধারণত "Segoe UI ইমোজি" হিসাবে স্বীকৃত) উপর নির্দিষ্ট ফন্টকে বাধ্য করা - যা অস্বীকার করে প্রথম স্থানে U + FE0E এর উদ্দেশ্য - সময় বলবে ...


স্কেলেবল আইকন হরফ

অসমর্থিত অক্ষরগুলির সাথে সম্পর্কিত সমস্যাগুলির সমাধান করতে - একটি কার্যকর সমাধান হ'ল স্কেলযোগ্য আইকন ফন্ট-সেটগুলি যেমন:

হরফ হরফ

প্লেয়ার আইকন - স্কেলেবল - ফন্ট দুর্দান্ত

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<i class="fa fa-arrows-alt"></i>
<i class="fa fa-backward"></i>
<i class="fa fa-compress"></i>
<i class="fa fa-eject"></i>
<i class="fa fa-expand"></i>
<i class="fa fa-fast-backward"></i>
<i class="fa fa-fast-forward"></i>
<i class="fa fa-forward"></i>
<i class="fa fa-pause"></i>
<i class="fa fa-play"></i>
<i class="fa fa-play-circle"></i>
<i class="fa fa-play-circle-o"></i>
<i class="fa fa-step-backward"></i>
<i class="fa fa-step-forward"></i>
<i class="fa fa-stop"></i>
<i class="fa fa-youtube-play"></i>

গুগল আইকন

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

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<i class="material-icons">pause</i>
<i class="material-icons">pause_circle_filled</i>
<i class="material-icons">pause_circle_outline</i>
<i class="material-icons">fast_forward</i>
<i class="material-icons">fast_rewind</i>
<i class="material-icons">fiber_manual_record</i>
<i class="material-icons">play_arrow</i>
<i class="material-icons">play_circle_filled</i>
<i class="material-icons">play_circle_outline</i>
<i class="material-icons">skip_next</i>
<i class="material-icons">skip_previous</i>
<i class="material-icons">replay</i>
<i class="material-icons">repeat</i>
<i class="material-icons">stop</i>
<i class="material-icons">loop</i>
<i class="material-icons">mic</i>
<i class="material-icons">volume_up</i>
<i class="material-icons">volume_down</i>
<i class="material-icons">volume_mute</i>
<i class="material-icons">volume_off</i>

এবং অন্য অনেক আপনি বন্য খুঁজে পেতে পারেন; এবং সর্বশেষে তবে সর্বনিম্ন নয়, এটি সত্যই কার্যকর অনলাইন সরঞ্জাম: হরফ-আইকন জেনারেটর, আইকমুন.আইও



4
ধন্যবাদ সাথী, সত্যিই সহায়ক উত্তর।
ড্যানিয়েল বার্দে

4
বিরক্তিকরভাবে গুগল ফন্ট / আইকনগুলিতে কোনও "বৃত্তাকার স্টপ" বোতাম নেই, সুতরাং তাদের "বৃত্তাকার প্লে" এবং "বৃত্তাকার বিরতি" সেটটি অসম্পূর্ণ ...
এসএক্স


দুর্দান্ত উত্তর - এতে যে প্রচেষ্টা করা হয়েছে তা আমি পছন্দ করি। আপনি কি বিরতি দেওয়ার জন্য অফিসিয়াল "আইএসও 7000 / আইইসি 60417 সিম্বলটি লক্ষ্য করেছেন; বাধা # 5111 বি। মিডিয়া_কন্ট্রোলগুলি দেখুন", যা এই আন্ডাররেটেড উত্তরটিতে @ মিনোটেচো দ্বারা চিহ্নিত করা হয়েছিল? → stackoverflow.com/a/48918561/4575793
Cadoiz

টেক্সট উপস্থাপনা নির্বাচক &#xfe0e;মত &#x25B6;&#xfe0e;Android (2020 এসি) এর জন্য ফায়ারফক্স এবং Chrome কাজ বলে মনে হচ্ছে না।
লুইস এ ফ্লোরিট

59

নিম্নলিখিতগুলি কাজে আসতে পারে:

  • &#x23e9;
  • &#x23ea;
  • &#x24eb;
  • &#x23ec;
  • &#x23ed;
  • &#x23ee;
  • &#x23ef;
  • &#x23f4;
  • &#x23f5;
  • &#x23f6;
  • &#x23f7;
  • &#x23f8;
  • &#x23f9;
  • &#x23fa;

দ্রষ্টব্য : স্পষ্টতই, জনপ্রিয় অক্ষরগুলিতে এই অক্ষরগুলি খুব ভালভাবে সমর্থিত নয়, সুতরাং আপনি যদি ওয়েবে এটি ব্যবহার করার পরিকল্পনা করেন তবে এইগুলি সমর্থন করে এমন একটি ওয়েবফন্ট বাছাই করতে ভুলবেন না।



22

আমি এটি খুঁজে পেয়েছি, এটি বিবিধ প্রযুক্তিগত ব্লকের মধ্যে রয়েছে। ⏸ (U + 23F8)


4
সঠিক উত্তর কীভাবে হ্রাস পেয়েছে তা নিশ্চিত নয়। নীচের লিঙ্কটি দেখুন যেখানে এই "ডাবল উল্লম্ব বার" এর মন্তব্যগুলিতে "বিরতি" হিসাবেও চিহ্নিত হয়েছে। খুব খারাপ এটি হ'ল ফন্টগুলিতে ভালভাবে সমর্থিত বলে মনে হচ্ছে না (জুন ২০১৪-এ ইউনিকোডে যুক্ত হয়েছে)। fileformat.info/info/unicode/char/23f8/index.htm
আনম


5

যদি আপনি "খেলুন" এর জন্য ডান মুখের ত্রিভুজটির সাথে মেলে এমন একক অক্ষরটি চান তবে রোমান অঙ্ক 2 চেষ্টা করুন Ⅱ এটি &#8545;এইচটিএমএলে আছে। আপনি যদি এটির চারপাশে ফর্ম্যাটিং ট্যাগগুলি রাখতে পারেন তবে এটি সত্যিই সাহসের মধ্যে ভাল লাগবে। হয় <b>&#8545;</b>HTML এ। পূর্বে উল্লিখিত ডাবল উল্লম্ব বারের তুলনায় এটিতে আরও ভাল সমর্থন রয়েছে।


আমি আনন্দিত আপনি এটি সাহসী করার উল্লেখ করেছেন। আমি & # 2405 ব্যবহার করছি; এবং এটি গা bold়ভাবে আরও ভাল দেখাচ্ছে।
ইফ্রিড

5

আধুনিক ব্রাউজারগুলি 'ডাবল ভার্টিকাল বার' (U + 23F8) সমর্থন করে:

http://www.fileformat.info/info/unicode/char/23f8/index.htm

কোনও সংগীত প্লেয়ারের জন্য এটি 'ব্ল্যাক রাইট-পয়েন্টিং পয়েন্টার' (ইউ + 25 বিএ) এর সঙ্গী হিসাবে কাজ করতে পারে কারণ তারা উভয়ই সমান প্রস্থ এবং উচ্চতা ভাগ করে এটি প্লে / বিরতি বোতামের জন্য নিখুঁত করে তোলে:

http://www.fileformat.info/info/unicode/char/25ba/index.htm


4
ম্যাকে ডাবল উল্লম্ব বারটি ঘিরে থাকে একটি স্কিউমোরফিক বাক্সটি কালো ডানদিকের নির্দেশক থেকে আলাদা দেখায়।
উইল

2

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

২০০৫ সালে সর্বজনীন ইউনিকোড মেলিং তালিকার আলোচনায় , ইউ + 275A হেভি ভার্টিকাল বার চরিত্রের দুটি কপি ব্যবহার করার পরামর্শ দেওয়া হয়েছিল: ❚❚। তবে ফলাফলের পর্যাপ্ততা হরফ উপর নির্ভর করে; উদাহরণস্বরূপ, গ্লিফটি এমনভাবে ডিজাইন করা হয়েছে যাতে বারগুলি খুব বেশি আলাদা হয়। - তালিকার আলোচনায় ব্যাখ্যা করা হয়েছে যে কেন বিরতি প্রতীকটি এনকোড করা হয়নি এবং এটি পরিবর্তিত হয়নি।

সুতরাং, সর্বোত্তম বিকল্পটি কোনও চিত্র ব্যবহার করা। যদি আপনাকে পাঠ্যে প্রতীকটি ব্যবহার করতে হয়, তবে এটি উপযুক্ত আকারে বড় করে তৈরি করা ভাল (by০ বাই 60০ পিক্সেল বলুন) এবং এটি সিএসএসের সাহায্যে পাঠ্য আকারে স্কেল করুন (উদাহরণস্বরূপ, উপাদানটির height: 0.8emউপর সেট করা img)।


আপনি ডাবল ভারী ভার্টিকাল বারে "লেটার-স্পেসিং: -6px" এর মতো কিছু সিএসএসও যুক্ত করতে পারেন, সুতরাং এটি দেখতে আরও প্রকৃত বিরতি প্রতীকের মতো দেখায়। উদাহরণ: jsfiddle.net/enKaA
জাগো

এটি একই উচ্চতা থেকে # 9616 এর চেয়ে ভাল।
আরম কোচার্যান

4
এই উত্তর অচল। ইউনিকোড 7.0 (প্রকাশিত 2014) ইউ + 23 এফ 8 এবং ম্যাচিং প্রতীকগুলি যুক্ত করেছে (খেলুন, থামান, রেকর্ড করুন) এই উদ্দেশ্যে ইউনিকোড.আর
এসএক্স

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