カドカワは4月26日、2018年3月期通期の連結業績予想を下方修正し、営業利益が従来予想から27億円減の31億円にとどまる見通しだと発表した。前期実績(84億円)から6割超の大幅減益となる。「ニコニコ動画」の有料会員数が当初見込みから減少していることなどが響く。 売上高の見通しは前回予想から53億円減の2067億円に修正。ポータル事業で、ニコ動の有料会員数が17年12月末で214万人と、17年3月末から29万人減った上、10月に投入予定だったスマートフォン向け新サービスが遅れている。 映像事業も「空海」「ナミヤ雑貨店の奇蹟」が好調だったものの、それ以外の実写映画がおおむね計画を下回った。
Appleがキーノートなどの配信に使っているのがHTTP Live Streamingと言われるプロトコルです。特別なプロトコルではなく、HTTPを使っているのがメリットですが、サポートしているブラウザがSafariくらいというのが難点です。 そこで使ってみたいのがhls.jsです。JavaScriptで作られたHTTP Live Streamingクライアントです。 hls.jsの使い方 設定も用意されています。エラーが出ても自動で回復してくれます。 Google Chromeでも動きます。10秒前後に動かすといったアクションもJavaScriptからできます。 hls.jsを使えばモダンなブラウザであればHTTP Live Streamingを提供できるようになります。良い動画配信プロトコルが見つかっていなかった方はhls.jsを使ってみてはいかがでしょう。 hls.jsはJavaSc
2. 3秒だけ動画をプレビューできます。ボタンをクリックして動画をMP4に変換して、全体の動画を再生しましょう。
HTML5で追加された<video>タグは、ページ上に簡単に動画を配置することができます。 <video>タグはInternet Explorer 9から対応していますので、windows XPがほぼ撲滅された2015年現在、対応ブラウザを気にせず使えるかと思います。 動画のフォーマットに関しては、デスクトップ・モバイル含めすべてのブラウザがmp4形式(H.264)の再生に対応していますので、mp4形式一択でいいかと思います。 デモ準備設置方法利用可能な属性一覧参考サイト 1.デモ 動作確認用デモページはこちら 2.準備 ページに貼り付ける動画を用意しておきましょう。 テストサイトとして動画の貼り付けを試したい場合には、以下のサイトでテスト用動画を入手するといいかと思います。 PIXTA -動画素材- (カンプデータの利用)NHKクリエイティブ・ライブラリーMotion Elements
今回はWindows上でFFmpegをインストールし、PHPを使って動画ファイルを操作するまでを紹介いたします。尚この記事について動作確認などはしておりますが、全ての環境で確認した訳ではありません。万一なんらかの不具合や問題が生じましても一切の責任は負いかねますのでご了承ください。 12345 動画変換ソフトFFmpegをWindowsにインストールし、PHPを使って動画ファイルから画像を抜き出し、flvに変換するまでを学習します。 FFmpegの、Windowsへのインストールが出来たらコマンドプロンプトから動画を変換してみることでインストールの成否を確認します。続いてPHPでFFmpegを利用する環境を整えます。PHPでFFmpegを使うためのモジュールffmpeg-phpをインストールし、phpvideotoolkitという便利なPHPで使えるFFmpeg用のクラスを使って動画を操作
今年初セーターな nakamura です。こんにちは。 そうそうあるケースではないですが、とある案件で FLV ファイルからサムネイル画像を生成する機能が必要になったのでその時の作業メモです。ffmpeg-php というエクステンションを使うと比較的容易にできますよ。 今回は CentOS-5.5 での作業例です。 インストール 動作には ffmpeg, ffmpeg-devel といったパッケージが必要ですが、デフォルトのリポジトリには存在しないので rpmforge リポジトリを追加します。※ダウンロードする rpm のファイル名は適宜最新のものにしてください。 wget http://packages.sw.be/rpmforge-release/rpmforge-release-0.5.1-1.el5.rf.i386.rpm rpm -ivh rpmforge-release-0.
前回・前々回と、HTML5のVideoタグを使った作例を紹介しましたが、では肝心のHTML5で利用する、「H.264」「Web M」形式の動画は、どうやって用意すればいいのか? 今回はそのあたりを解説しましょう。 Adobe Media Encoderを利用する。 AdobeのCS製品のうち、Web制作向け・動画制作向けのスイート製品を交友すると、 「Adobe Media Encoder」というアプリケーションが同梱されます。 Web制作を生業にされている方は、大体はAdobe製品を使っていると思いますので、Adobe Media Encoderを使うのが一番手っ取り早いでしょう。 なお、Adobe Media Encoderでは、Web M形式の動画は書き出せないので、Web M形式の動画に関しては、別のツールを使うことになります。 まずは、メニューから「Adobe Media Enc
一年以上前にロゴが入らないフリーのFLV PLAYERという記事を書きました。FLV形式のファイルをWebサイトに埋め込んで公開するためにはフラッシュ型のプレイヤーが必要で、フラッシュ型のプレーヤーはJW Playerなどが有名です。 しかしJW Playerは動画が再生されてから少しの時間左下にうっすらとロゴマークが入り、商用サイトの場合は有料のPro版を使用しなければいけません(非営利の場合は無料で使える)。そこで使えるのが、FLV Player。FLV Playerならロゴも入らず営利目的でも無料で使用可で、おまけにいろいろカスタマイズできるので非常にナイスです。 最近またFLV Playerのサイトに行ってみたら、ジェネレータがあることに気づきました(前アクセスしたときはジェネレータがうまく動かなかったような気がする)。これを使うと簡単にプレイヤーをカスタマイズできます。今回はその
■<video>タグで動画を埋め込む 現在、インターネット上で動画が提供される場合には、Flashなどの独自フォーマットを利用するのが一般的です。 こうした独自フォーマットの動画を再生するには、 それぞれのフォーマットを再生するのに必要なプラグインを、ブラウザに追加インストールする必要があります。 HTML5では、任意の動画フォーマットを文書に埋め込むための<video>タグが追加されています。 この<video>タグを使用することで、ユーザーにプラグインをインストールしてもらうことなく、 HTMLからシンプルに動画を扱えるようになります。 感覚的には<img>タグで画像を扱うような感じです。 <video>タグで文書に動画を埋め込む場合には、例えば以下のように記述します。 とてもシンプルです。 ■ユーザー環境への配慮 <video>タグは、旧いブラウザではサポートされていない場合がありま
2023年5月12日 jQuery, Webサイト制作, Webデザイン 2012年後半あたりから少しずつ目にする機会が増え、今では海外サイトを中心に世界中に広まった、背景に動画を用いたWebサイト。サイトの雰囲気や、サービスの具体的な内容を背景に流すことで、よりユーザーの視点をスクリーンに注目させることができます。今回はそんな背景動画の実装方法を、実例サイトと共に紹介していこうと思います。 ↑私が10年以上利用している会計ソフト! KINS WITH 動物病院のWebサイトでは、かわいいわんちゃんの動画とともに院内の様子がよくわかる動画を掲載しています。 AquallのWebサイトでは画面全体ではなく、動画の一部をくり抜いたような形で動画を掲載。背景の装飾としてよく溶け込んでいます。 動画を用意する まずは背景に表示したい動画を用意します。動画を用意する方法は大きく分けて4通り。 自分で
最新作から名作までアニメをたっぷり楽しめる動画配信サービス!月額1,100円(税込)で対象の作品が見放題!初回は無料でおためし頂けます。スマートフォン、パソコン、タブレット、テレビで大好きなアニメを楽しもう!
HTML5 仕様の草案は2004 年に始められ現在も HTMLワーキンググループや WHATWG メ ーリングリストで検討中であり(こちらを参照)、ブラウザの対応も進展過程にある。 HTML5には多くの要素と属性が新しく導入されたり変更されたりしており、マルチメディ アの為の新しい要素 <video>が追加され、プラグインが無くても動画のストリーミング再 生が可能となった。 ブラウザのHTML5 Videoへの対応は、Opera 10.5, Firefox 3.5, Google Chrome 3, Safari 3.1以降で漸次対応して来ている(Internet Explorer 9で対応予定)。 しかし、HTML5 のビデオ・コーデックの規定が H.264とTheoraに分かれて定まらない状 況下にあって、2010年5月GoogleがオープンソースVP8の動画規格 We
HTML5から使えるvideoタグで背景への動画設定を簡単に行えるというスクリプトです。対応していないブラウザには静画が表示されるようになっているみたい。 動画を背景に、というスクリプト。 動画のパスを指定して表示するみたいです。楽でいいかも。尚、HTML5未対応のブラウザには普通の画像を別途用意して指定しておくことで表示を切り替えるみたいです。 コード <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js'></script> <script type="text/javascript" src="jquery.videoBG.js"></script> コアとプラグインを読み込み。 $('.foo').videoBG({ position:"
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く