セッションレポートです。Cloudinaryの自動化やAIに関する機能を活用し、メディア管理をスケールさせるための導入セッションです。ma2020.08.19113この記事は公開されてから1年以上経過しています。情報が古い可能性がありますので、ご注意ください。開催されており、誰でも無料で登録し、オンライン配信を視聴することができます。AI」のレポートを行います。AI技術に関するする導入セッションです。ストーリーにベトナム旅行の動画を上げる場合、Cloudinaryを使って次のように進める。スマホに合うよう切り抜き中央で切り抜くと、映像内の船が部分的に切り落とされる:https://res.cloudinary.com/cloud-name/video/upload/ar_9:16,c_fill,w_400/vietnam.mp4AIによるコンテンツに合わせた切り抜きで、動画の中で最も主な対象物を検知し、そこに焦点を当てる。進捗バーを追加e_progressbarパラメータを追加し、フレームの左下から画面を囲むようにバーが進む:https://res.cloudinary.com/cloud-name/video/upload/ar_9:16,c_fill,g_auto,w_400/l_text:heebo_44_bold:Visit%20Vietnam!,g_south,y_40,co_rgb:FFFFFF/l_ctravel,g_north_east,w_60,x_10,y_10/e_progressbar:frame:white:8/vietnam.mp4これらのパラメータの組み合わせをテンプレートとし、ファイル名を書き換えるだけで同様の変換が可能なので、色やサイズを多少調整した同様のパラメータの組み合わせを使い回すことで、一貫した変換を行うことができる。分析を行い、基準に合わないファイルはアップロードを拒否したり、ユーザに警告したりするアップロード時、品質が適切か、アクセシビリティが適切か(色盲に優しい色合いか)、マルウェア検出、モデレーションできているか(ヌードなど基準に違反していないか)、といった情報を判定できる。閾値を指定し、それを超える場合には特定の処理を行うようにする。パラメータを加えることで、顔が映っている画像の場合、顔部分にモザイクやぼかしを加えることができる。アドオンを使って、車のナンバープレート、クレジットカードの番号などを同様に文字認識で隠すことも。Imagga)を選択し、ユーザのファイルアップロード時に自動で関連するタグを付与するよう設定できる。顧客がフォーム入力した情報や、ファイルそのものに含まれるデータをメタデータとしてアセットに紐づけて格納しておくことができる。これらの情報を使ってアセットを検索することが可能。1つの画像/映像を複数の目的に活用する先ほどの動画の切り抜きと同様、g_autoで画像でも主な対象物に焦点が当たるよう自動で切り抜きできる。対象物が既に明らかなケースでは、さらなる指定が可能。焦点を当てた変換画像を自動で生成できる。同じキッチンの写真から、パラメータによりシンクや冷蔵庫を自動で切り抜くことも。パラメータを付与するとJSON情報を返却するので、アプリケーションに活用することができる。この対象物の座標情報を使えば、アプリ内で切り抜き機能を提供する場合にデフォルトの切り抜き範囲としたり、オーバーレイをする場合にこの対象物を避けるように重ねたりする。おしゃれフィルタやエフェクトを付けるユーザがファイルをアップロードする際、エフェクトのオプションがあるに越したことはないはず。一から開発するのはかなりの手間だが、Cloudinaryのオプションで簡単にエフェクトを適用させることができる。e_cartoonify(アニメ調)、e_art:sizzle(Instagramっぽいフィルター)など様々。自動背景除去のアドオンもあり、別の背景画像と組み合わせることも。ちなみに、写真と美術品を組み合わせて、その画家により写真が描かれたようなエフェクトに仕上げる美術品スタイル変換もぜひデモを試してほしい。モナリザの絵と自分の写真を組み合わせて、モナリザの絵のタッチで描かれた自分の画像を生成することができる。実際には、多くの場合ネットワークに制限があり、品質vsサイズvsスピード/コストの間で選択が迫られるゴールは、可能な限り圧縮しつつ、コンテンツと要件を元にちょうど良い落としどこにすることなお、デスクトップ、タブレット、スマホなど様々な端末で、異なるOS、ブラウザ、アプリケーションを使用し、それぞれでサポートされるフォーマットを使う必要がある。情報が使用されています。フォーマットを選べば良いわけではなく、動画の内容(例えば、単純な亀が泳いでいる映像と、より複雑で動的なラフティングの映像)によって適切な選択をする必要がある。Cloudinaryのf_autoとq_autoCloudinaryでは、f_autoを付与することでブラウザごとに最適なフォーマットを自動選択し、配信することができる。q_autoを適用すると、映像の内容に応じた最善の品質で配信する。デモサイトでこれらのパラメータを付与した前後を比較することができ、多くの場合、見栄えを変えずに大きく(例の場合、70%減)ファイルサイズを減らすことができる。CLI一括操作などをプログラムで行うには、API/サーバサイドSDKを使うことができるが、クライアントがアプリを持ってなかったり、普段使うプログラムはいじらずに、ちょっとしたリクエストを実行したいという場合に、最近CloudinaryでリリースされたCLIがとっても便利。CLIをインストール、環境変数を定義するだけで、コマンド実行が始められる。デモプリセット(アップロードに適用させる設定のテンプレートのようなもの)を作成し、プリセットには画像の背景を除去すること、ファイル名を使ってアップロード、同じファイル名なら上書きすること、を定義する。type=upload作成したプリセットを使ってローカルのフォルダからファイルをアップロードする。documents/cloudinary/imagecon/winter_clothesコンソールから対象のパス(-fで指定した"imagecon/no_bgd_products")を確認すると、画像が背景除去されており、ローカルと同様にサブフォルダがある形でアップロードされたことを確認できる。Referenceおわり1時間のセッション映像ですが、導入セッションといってもかなり広い範囲のテーマで非常に濃い内容でした!Cloudinaryの機能では多岐にわたってAIや自動化が取り入れられており、これらの機能を活用することで、コストもリソースも削減してサービスをスケールさせられることが学べました。10月23日までオンデマンドでいつでも試聴可能です。パートナーとして導入サポートを行なっています。お気軽にこちらからお問い合わせください。