Knoaのブックマーク - はてなブックマーク

ウェブビデオテキストトラック形式 (WebVTT) - Web API | MDN

ウェブビデオテキストトラック形式 (WebVTT) は、<track> 要素を使用して時間指定のテキストトラック（字幕やキャプションなど）を表示するための形式です。 WebVTT ファイルの主な目的は、テキストオーバーレイを <video> に追加することです。WebVTT はテキストベースの形式であり、UTF-8 を使用してエンコードする必要があります。スペースを使用できる場所では、タブも使用できます。これらのトラックと、正しい時刻にテキストの再生を実行するために必要なデータを表現および管理するために使用できる小さな API もあります。 WebVTT の MIME タイプは text/vtt です。 WebVTT ファイル（.vtt）にはキューが含まれています。キューは、次のように単一行または複数行になります。 WEBVTT 00:01.000 --> 00:04.000 - 液体窒素

Knoa 2020/06/28

「液体窒素を絶対に飲まないでください」←なんちゅう例だｗｗｗｗｗ

リンク

SpeechGrammar - Web API | MDN

Knoa 2019/07/12

2019年7月現在(Chrome 75)、JSpeech Grammar Format (JSGF) どころかgrammer自体をChromeはサポートしていない(無視する)。これについて日本語で言及したページなし(機能するかのごとく書かれたサンプルコードはある)！時間を無駄にした！

リンク

テキストの描画 - Web API | MDN

キャンバスの描画コンテキストでは、 2 種類のテキスト描画方法を提供しています。 fillText(text, x, y [, maxWidth]) (x,y) で指定した位置にテキストを塗りつぶして描画します。任意で最大描画幅を指定できます。 strokeText(text, x, y [, maxWidth]) (x,y) で指定した位置にテキストの輪郭を描画します。任意で最大描画幅を指定できます。

Knoa 2017/12/04

/*Arial,alphabetic,余裕px必須*/ctx.fillStyle='rgba(255,0,0,.2)';ctx.fillRect(0, 0,400,200);ctx.fillRect(0,10,400,180);ctx.fillRect(0,20,400,160);ctx.fillRect(0,50,400,100);ctx.font="bold 160px Arial,sans-serif";ctx.textBaseline="alphabetic";ctx.lineWidth=10;ctx.strokeText('xIg永',5,150);

リンク

はてなブックマーク

タグ

ブックマーク / developer.mozilla.org (3)

お知らせ

今週のはてなブックマーク数ランキング（2024年11月第2週）

今週のはてなブックマーク数ランキング（2024年11月第1週）

月間はてなブックマーク数ランキング（2024年10月）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス