放送局向け最先端HTML5グラフィックス

HTML5 ベースのグラフィックスは直感的、効率的、柔軟です

(BCCのウェブサイトに掲載された記事の転載です)

多くのミレニアル世代にとって、HTMLというとMyspaceの最盛期を思い出すかもしれません。多くの人にとって、Myspaceは、「インターネット」という新しいものを介して、世界中の人々にアピールするために、初めてデジタルメディアで芸術的な自己表現をする場を提供したのです。

もちろん、HTMLはインターネットブラウザの基本的な機能を支える柱であり、CSSやJavaScriptと調和して、あなたがこれまで訪れたすべてのウェブページのコンテンツやビジュアルスタイルをレンダリングしています。

では、これが放送とどう関係し、放送業界に携わる私たちにどのようなメリットをもたらすのでしょうか。まず、基本的にクラウドベースのサービスであることが挙げられます。現代のワークフローでは、遠隔地でのコラボレーションやオペレーションを好む、あるいは必要とするケースが増えており、HTMLはそのための完璧なメディアです。

HTMLは、プリレンダリングされたファイルやビデオストリームという形で大量のデータを送信するのではなく、コンテンツを閲覧するクライアントデバイスに予測可能にレンダリングするための命令セットを提供する言語です。

この命令により、オブジェクトはスケーラブルなベクタータイプの画像やコンテナの形で描画されるため、無限に拡大縮小することができ、ストリーミングしたいあらゆる放送解像度に鮮明な画像やシャープなラインをもたらすことができます。

これらのコーディング言語は、長い間、コンピュータやインターネットブラウザに広く普及しており、効率化のために高度に最適化され、高速であることを意味します。複雑でダイナミックなグラフィックをレンダリングし、世界中のどこにいてもリアルタイムで放映することができますし、本番環境では貴重なシステムリソースをほとんど使わずに済むこともあります。既存のコーディング言語と密接に連携しているため、携帯電話のアプリのように、簡単なAPI接続で外部データソースから動的に更新・描画されるように統合することも可能です。

Viz Flowicsは、プロフェッショナルな品質の
HTMLグラフィックスを提供する業界リーダーです。

HTMLベースのグラフィックエンジンの活用に関しては、数少ないプレイヤーが存在しますが、その中でも群を抜いてリードしているのがViz Flowicsです。

Viz FlowicsがBCCライブで注目されたのは、Facebookが自社のHTMLグラフィックプラットフォームであるVidpressoを廃止すると発表したことがきっかけでした。当時、私たちは、Facebookのライブ・エンゲージメントとオンエアのグラフィックを統合するためにVidpressoに大きく依存していましたが、Flowicsは、私たちが必要としていた市場の穴を完全に埋める役割を果たしました。

Viz Flowicsは、私たちにとってエキサイティングなグラフィックエンジンとして、すぐに本領を発揮することができました。このプラットフォームのグラフィカル・ユーザー・インターフェース（GUI）は、Adobe PhotoshopやIllustratorのようなレイヤーベースの編集ソフトウェアで、HTMLによって駆動する真のフレームワークを隠すことを恐れないツールで、快適で親しみやすいものでした。

“彼らは、自社製品に情熱を注ぎ、
陰で直接サービスを行う本物の人間による24時間365日のサポートが受けられる。”

テクニカルサポートの教科書的な存在

しかし、Flowicsの本当の貴重な特徴である技術サポートについてお話しましょう。この会社は、企業がどのように運営し、顧客を支援すべきかの教科書的な例であるべきです。Flowicsは、自社製品に情熱を持ち、バックグラウンドで直接サービスを提供する本物の人間による24時間365日のサポートを提供しています。

彼らはプラットフォームから直接アクセスでき、昼夜を問わず、技術的な問題で助けを求めたり、何かを成し遂げるための最善の方法についてクリエイティブなコラボレーションをしたりすることができるのです。私は、「この機能にはXとYの制限があることを理解しており、私はこの回避策を持っていますが、Viz Flowicsの機能を私のシナリオに合うように調整してもらえると本当に助かります」と書いたこともあります。信じられません！

この3年間の大きな成長にもかかわらず、彼らはブランド、製品、サポートチームとして一貫性を保ち続けています。Flowicsは、ビデオ放送の大手であるVizrt Groupに買収され、世界中のスタジオで使用されているビデオ放送機器の標準であるNewTekと同系列になりました。これにより、HTMLレンダリングがTriCasterのネイティブソースとなり、ワークフローが簡素化され改善されました。

Viz Flowicsは、グラフィックパッケージに
“フロー”をリンクさせることがすべてです。

Viz Flowicsの元々の名声は、ソーシャルメディアプラットフォームとのクラス最高のAPI統合でした。FacebookやYouTubeのコメント、ツイート、Instagramの写真、ユーザー名、ハンドルネーム、プロフィール写真など、彼らが「フロー」と呼ぶデータを収集・作成することができます。

さらに、Viz Flowicsには「メカニック」を操作する機能があり、注目すべきは、ユーザーが複数選択リストから選択肢を選んで投票したり、コメント欄の自由形式の質問に答えたりできる、投票や質問といったFacebookのネイティブインタラクション機能と統合することです。この仕組みは、Facebookプラットフォーム自体のエンゲージメント機能を駆動するだけでなく、データをフローの形でViz Flowicsシステムに戻し、ライブ結果を表示するためにストリーム自体のグラフィックを駆動することができます。

また、データやコンテンツをシステムに取り込むことができる巨大なツールに「Viz Data Connectors」があります。基本的には、外部ソースからのライブ入力に無限の可能性を提供する、常に進化し続けるライブラリです。

BCCはFlowicsと提携し、カスタムデータコネクターとして新しいAPI統合を革新する。

IRONMAN VRの際、BCCはViz Flowicsと連携するAPIを通じて、
アスリートの生体データを放送に組み込むことができました。

COVIDシャットダウンにより、私たちのイベント、つまりイベント放送が停止したため、私たちは2020年にFacebookでIRONMAN Virtual Racingの放送を制作することになりました。

この時、Viz Flowics社との提携が本格的にスタートしました。チェコにあるROUVYの開発者とともに、彼らの開発者と協力し、ROUVYのライブデータと統合し、世界中のROUVYプラットフォームで競技するアスリートが生み出す生体データをリアルタイムで表示するカスタムAPIエンドポイントを構築しました。これは、Viz Flowicsに接続されたJSONデータストリームにプッシュされ、スピード、サイクリング出力パワー、ペダリングケイデンス、距離、リーダーボードなどを含みます。このグラフィックの統合が、番組のコンセプト全体を可能にし、レースを存続させることにつながったのです。

現在、レース中継は本格的に再開されています。私たちは、Viz Flowicsの新機能や改良された機能と共に、同じ基盤の一部を適用し、IRONMANやRock ‘n’ Roll Running Seriesのタイミングデータを世界的にホストする、世界をリードする耐久スポーツタイミングプラットフォーム、RTRTと新しいカスタムAPIエンドポイントを作成しました。

RTRTデータコネクターは、私たちが放送で正確で複雑なリアルタイムの結果を提供するために必要不可欠なものです。この接続を使用すると、レースの現場でレースタイマーから直接送られてくるデータストリームから、リアルタイムでコンテンツやグラフィックの自動化を推進することができます。

2023年 IRONMAN European Championships Hamburg 放送の一部で、
BCCが利用する様々なViz Flowicsのグラフィカルオーバーレイを紹介。

簡単に言うと、Viz Flowicsから出力されるパブリッシュは、単なるウェブページです。Viz Flowicsで作成したグラフィック体験ごとにユニークに作成された、URLを持つインターネット上の誰でもロード可能な公開URLです。グラフィックはクラウドで作成され、クラウド内で運用され、クラウドから公共のインターネット上の宛先に出力されます。つまり、スタジオからビデオストリームをエンコードするための高価なインターネット帯域幅やハードウェアが不要になります。同じグラフィックコンテンツを無限のシステムで同時に取り込むことができ、システムの安定性に影響を与えることはありません。

単なるオンエア用グラフィックツールにとどまらない

Viz Flowicsは、オンエアのグラフィック以外の用途にも使用しています。Viz Flowicsの別インスタンスで、CMのカウントダウンを行うだけで、オンエアのタレントに大きな価値を見出すことができました。

クラウドベースの放送は、今後も続くでしょう。私たちは、ハイエンド放送のためのクラウドベースのグラフィックスの最前線にいることに興奮しています。この製品がどのように成長し進化し続け、BCC Liveがそれとともに成長し進化していくのか、待ち遠しいです！

この記事は、BCCグラフィックスのワークフローを詳しく紹介したオリジナル記事を凝縮したものです。記事全文はこちらからご覧ください。

• 
•