HTML za simbol pauze u audio i video kontroli

Html Pause Symbol Audio



Riješenje:

Unicode standard za simbole za upravljanje medijima

Pauza: ⏸︎

Standard Unicode 13.0 (ažuriranje 2020) pruža Ostalo tehničko glifovi u rasponu HEX 2300–23FF

Ostalo tehničko

S obzirom na opsežnu dokumentaciju Unicode 13.0, neki od glifova koje možemo povezati sa uobičajenim simbolima za kontrolu medija bili bi sljedeći:



Simboli tipkovnice i korisničkog sučelja

23CF ⏏︎ Izbacivanje medija



Simboli korisničkog sučelja

23E9 ⏩︎ brzo naprijed
23EA ⏪︎ premotavanje unatrag, brzo unatrag
23EB ⏫︎ brzo povećanje
23EC ⏬︎ brzo smanjenje
23ED ⏭︎, preskočite do kraja, sljedeći
23EE ⏮︎ preskočite na početak, prethodni
23EF tog prekidač za reprodukciju/pauzu
23F1 ⏱︎ štoperica
23F2 ⏲︎ mjerač vremena
23F3 ⏳︎ pješčani sat
23F4 ⏴︎ natrag, natrag
23F5 ⏵︎ naprijed, sljedeće, igra
23F6 ⏶︎ povećanje
23F7 ⏷︎ smanjenje
23F8 ⏸︎ stanka
23F9. Zaustavljanje
23FA ⏺︎ zapis



Simboli napajanja iz ISO 7000: 2012

23FB, pripravnost/napajanje
23FC ⏼︎ uključivanje/isključivanje
23FD, uključeno
2B58 ⭘︎ isključeno napajanje

Simbol napajanja iz IEEE 1621-2004

23FE ⏾︎ sna sna

Upotreba na webu:

Datoteka se mora spremiti korištenjem UTF-8 kodiranja bez BOM-a (koji je u većini razvojnih okruženja zadano postavljen) kako bi se parseru pokazalo kako pravilno pretvoriti bajtove u znakove.treba koristiti odmah nakon togau HTML datoteci i provjerite ispravna HTTP zaglavljaContent-Type: text/html; charset = utf-8 su postavljeni.



Primjeri:

HTML
⏩ Piktogram ⏩︎ Standardizirana varijanta CSS
.icon-ff: before {content: ' 23E9'} .icon-ff-standard: before {content: ' 23E9  FE0E'} JavaScript
EL_iconFF.textContent = ' u23E9'; EL_iconFF_standard.textContent = ' u23E9  uFE0E'

Standardizirana varijanta

Da se spriječi postojanje glifa 'emojificirano u boji' ⏩︎ / ⏩ dodati kod U+FE0E Birač prezentacije teksta zatražiti a Standardizirana varijanta : (primjer:⏩︎)

Nedosljednosti

Znakovi u Unicode rasponu osjetljivi su na okruženje obitelji fontova koje koriste, aplikaciju, preglednik, OS, platformu.
Kada nepoznato ili nestalo - umjesto toga bismo mogli vidjeti simbole poput ili ▯, ili čak nedosljedno ponašanje zbog razlika u implementacijama HTML parsera od različitih dobavljača.
Na primjer, na Windows U preglednicima Chromium sufiks U+FE0E standardizirane varijante ima greške, a takve simbole ipak bolje prati CSS, tj.font -family: 'Segoe UI Symbol' da nametne taj određeni font preko obojenog emojija (obično prepoznat kao 'Segoe UI Emoji') - koji prkosi svrsi U+FE0E - vrijeme će pokazati ...


Prilagodljivi fontovi ikona

Zaobići probleme povezane s nepodržani likovi - koristiti održivo rješenje skalabilne ikone font-sets poput:

Font Sjajan

Ikone igrača - skalabilne - font odličan

                                                  

Google ikone

ovdje unesite opis slike

  pauza   pause_circle_filled   pause_circle_outline   brzo_naprijed   fast_rewind   zapis_ručni_priručnik   play_arrow   play_circle_filled   play_circle_outline   skip_next   skip_previous   ponoviti   ponoviti   Stop   petlja   malo   pojačati   jačina_smanjivanja   zvuk_zvuk   volume_off   

i mnoge druge možete pronaći u divljini; i na kraju, ali ne i najmanje važno, ovaj doista koristan mrežni alat: generator ikona fontova, Icomoon.io .



Postoje različiti simboli koji se mogu smatrati odgovarajućom zamjenom, uključujući:

  1. | | - dvije standardne (podebljane) okomite šipke.

  2. ▋▋ -▋ i još jedan

  3. ▌▌ -▌ i još jedan

  4. ▍▍ -▍ i još jedan

  5. ▎▎ -▎ i još jedan

  6. ❚❚ -❚ i još jedan

Možda sam propustio jednu ili dvije, ali mislim da su ove bolje. Evo popisa simbola za svaki slučaj.


Možda će vam dobro doći sljedeće:

BILJEŠKA : očito, ti znakovi nisu dobro podržani u popularnim fontovima, pa ako ih namjeravate koristiti na webu, svakako odaberite web font koji ih podržava.