オーディオおよびビデオコントロールの一時停止記号のHTML



Html Pause Symbol Audio



解決:

メディア制御記号のUnicode標準

一時停止: ⏸︎

Unicode標準13.0 (2020年更新) を提供します その他の技術 HEX範囲のグリフ 2300〜23FF

その他の技術

広範なUnicode13.0ドキュメントを考えると、一般的なメディア制御シンボルに関連付けることができるグリフのいくつかは次のようになります。



キーボードとUIの記号

23CF⏏︎メディアを排出する

ユーザーインターフェイス記号

23E9⏩︎早送り
23EA⏪︎巻き戻し、早送り
23EB⏫︎急増
23EC⏬︎急減
23ED⏭︎スキップして最後まで、次へ
23EE⏮︎スキップして開始、前
23EF⏯︎再生/一時停止トグル
23F1⏱︎ストップウォッチ
23F2⏲︎タイマー時計
23F3⏳︎砂時計
23F4⏴︎リバース、バック
23F5⏵︎進む、次、遊ぶ
23F6⏶︎増加
23F7⏷︎減少
23F8⏸︎一時停止
23F9⏹︎停止
23FA⏺︎レコード



ISO 7000:2012の電源記号

23FB⏻︎スタンバイ/電源
23FC⏼︎電源のオン/オフ
23FD⏽︎電源オン
2B58⭘︎電源オフ

IEEE1621-2004の電源記号

23FE⏾︎パワースリープ

Webでの使用:

バイトを文字に正しく変換する方法をパーサーに指示するには、BOMなしのUTF-8エンコーディング(ほとんどの開発環境ではデフォルトで設定されています)を使用してファイルを保存する必要があります。直後に使用する必要がありますHTMLファイルで、正しいHTTPヘッダーを確認しますコンテンツタイプ:text / html; charset = utf-8が設定されます。



例:

HTML
⏩絵文字⏩︎標準化されたバリアントCSS
.icon-ff:before {content: ' 23E9'} .icon-ff--standard:before {content: ' 23E9  FE0E'} JavaScript
EL_iconFF.textContent = ' u23E9'; EL_iconFF_standard.textContent = ' u23E9  uFE0E'

標準化されたバリアント

グリフが存在するのを防ぐため 'color-emojified' ⏩︎/⏩ 追加 コードU + FE0E テキストプレゼンテーションセレクター リクエストするには 標準化されたバリアント : (例:⏩︎)

矛盾

Unicode範囲の文字は、使用されているフォントファミリ環境、アプリケーション、ブラウザ、OS、プラットフォームの影響を受けます。
いつ わからない また ない -代わりに や▯などの記号が表示される場合があります。 一貫性のない動作 ベンダーによってHTMLパーサーの実装が異なるためです。
たとえば、 ウィンドウズ ChromiumブラウザのStandardizedVariantサフィックスU + FE0Eにはバグがあり、そのようなシンボルにはCSSが付属している方がよいでしょう。font-family: 'Segoe UI Symbol'は、その特定のフォントを色付きの絵文字(通常は 'Segoe UI Emoji'として認識されます)に強制します。これは、そもそもU + FE0Eの目的に反します。


スケーラブルなアイコンフォント

関連する問題を回避するため サポートされていない文字 -実行可能な解決策は、を使用することです スケーラブルなアイコンのフォントセット つまり:

FontAwesome

プレーヤーアイコン-スケーラブル-素晴らしいフォント

                                                  

Googleアイコン

ここに画像の説明を入力してください

  一時停止   pause_circle_filled   pause_circle_outline   早送り   fast_rewind   fibre_manual_record   play_arrow   play_circle_filled   play_circle_outline   skip_next   skip_previous   リプレイ   繰り返す   ストップ   ループ   少し   volume_up   ボリュームダウン   volume_mute   volume_off   

そしてあなたが野生で見つけることができる他の多く;最後になりましたが、この本当に便利なオンラインツール:フォントアイコンジェネレーター、 Icomoon.io



適切な代替と見なすことができるさまざまな記号があります。

  1. | | -2つの標準(太字)垂直バー。

  2. ▋▋-▋と別の

  3. ▌▌-▌と別の

  4. ▍▍-▍と別の

  5. ▎▎-▎と別の

  6. ❚❚-❚と別の

私は1つか2つを逃したかもしれませんが、これらはより良いものだと思います。念のため、記号のリストを次に示します。


以下が役立つ場合があります。

ノート :どうやら、これらの文字は一般的なフォントではあまりサポートされていないため、Webで使用する場合は、これらをサポートするWebフォントを選択してください。