最初に 最近仕事で動画ものを扱うことが頻繁にあります。(変な意味ではありません) HTML5ではvideoタグを使えば、Webブラウザ上で動画を再生させるのがとても簡単になりました。 しかし対象のデバイスがスマートフォンの場合はそうは簡単にはいきません。 例えばvideoタグを使って動画をiPhoneで再生しようとすると、動画をページに埋め込むような形式で再生することができません。 ※以下、「動画をページに埋め込む形式」のことを「インライン」と呼びます。 (業務に使うかは置いといて) スマートフォンでもインライン再生させたい思いを胸に抱きつつ、 実現できそうな方法を調べていたら、とてもシンプルで使いやすいやつを見つけたのでメモ。 こいつです。 Frame Player http://vagnervjs.github.io/frame-player/ おそらく"スマートフォン 動画 インライ
アニメーションgifが復権してきているようなので、方法のメモ。写真をコマ撮りしてレイヤーに時系列で並べていくことでもできますが、今はmovとかスクリーンキャストとかをアニメgifにするのが新しいのかな。とおもいます。 まずは、動画ファイルを用意します。カメラから取り込んだものや、スクリーンキャストならQuickTimeなどで録画して保存したものを利用できますね。 Premireや、iMovieなどで、アニメーションgifにしたい部分だけ抽出して書き出ししておくとベストです。 （Photoshop側の取り込み時にも読み込み範囲を設定できるみたいなのですが、Photoshopって読み込みの部分、若干弱いイメージがあるので。）
ほぼ最初の頃から、ウェブは何らかの形で視覚メディアのプレゼンテーションに対応してきました。当初、これらの機能は制限されていましたが、さまざまなブラウザーがウェブ上の静止画や動画の画像を含むことに関する問題に対して独自の解決策を見つけたため、有機的に拡張されました。現代のウェブは、メディアのプレゼンテーションや操作をサポートする強力な機能を備えており、さまざまな種類のコンテンツに対応するいくつかのメディア関連 API を備えています。一般的に、ブラウザーが対応するメディア形式は、ブラウザーの作成者に委ねられており、ウェブ開発者の作業を複雑にしています。 このガイドでは、ウェブ上で使用されるメディアを構成する可能性のあるメディアファイルの種類、コーデック、アルゴリズムの概要を説明します。また、これらの様々な組み合わせに対するブラウザーの対応情報や、ファイル形式の優先順位の提案、特定の種類のコン
Web制作という職業柄、SEOについて問い合わせをいただくことも多いので、YouTubeのGoogle Webmastersチャンネルを購読してよく見ているのですが、見たことある動画を貼った日本語の記事で、被リンク死亡、SEO業者死亡、これからはオーサーランク！というのがソーシャルで流れてきまして（あえてリンクは貼りませんが）、え〜、そんなこと言ってたっけ？と疑問に思ったので、改めてMatt Cuttsの話を聞いてみました。注目されている話のようなので、和訳しておきますね。誤訳があればコメントにてご指摘いただければ幸いです。 今日の質問はNYのLeahからの質問です。「Googleは90年代に、他社がそうしていたようにコンテンツだけで評価するのではなく、バックリンクによってウェブサイトを評価するしくみを導入することによって、検索エンジンのマーケットを変えました。パンダやペンギンアップデート
Best Free Video Converter for Windows Convert any video files to MP4, MP3, AVI, MOV, MPEG to playback on your multimedia device. This Free Video Converter is a superb app for Windows to convert videos between lots of formats. Plain and simple, yet complete! Download the best video converter of the year 2020 that saves your time.
HTML5ではvideoタグにより、動画を簡単に埋込める。スマートフォンサイトで動画を埋込む方法は検索すれば、役に立つ情報を掲載しているサイトがいくつも出てくるので、詳しいことはそれらを参照してもらうとして、結論から言うと以下のタグでiPhoneおよびAndroidに対応できるようだ。 参考ページ http://sogitani.baigie.me/2011/07/smart-phone-movie/ http://today-only.net/html5-video/ （この２ページがとくに分かりやすくまとまっている） <video src=”xxxxx.mp4″ preload=”none” poster=”xxxxx.jpg” onclick=”this.play();” controls > <source src=”xxxxx.mp4″$gt; </video> iOSだと比較的
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
