こんにちは、エンジニアののびすけ(@n0bisuke)です。 みなさんはWebRTCをご存知ですか? Web Real-Time Communicationの略で、次世代のWeb技術として数年前から注目され始めています。そのWebRTCの最新情報や活用事例を知ることができるWebRTCカンファレンスに先日参加してきたので、そのレポートです! WebRTCについて そもそもWebRTCが何か分からない人もいるかと思います。 昨年ぼくが書いたWebRTC Conferenceのレポート記事から引用します。(過去の自分グッジョブ) WebRTC(RTCは「Real-Time Communication」の略)とは、ビデオや音声、データをブラウザ間でやり取り可能にする規格です。WebRTCの機能を利用することで、Webサイト上でビデオ・音声チャットやファイルをやり取りできます。プラグインなどを全く
皆さま、こんにちは。メディア事業部のまゆです。 さて、私は深夜になるとYouTubeでBGMを漁るのが日課になっています。しかし、毎回マウスでクリックして操作するのはめんどくさい、ということに最近になって気が付きました。 ということで、今回はYouTubeを利用するときに便利なサイトやショットカットキーをご紹介します。 ※編集部が動作を保証するものではありませんのでご了承ください YouTube動画をもっと便利にするサイト4選 1.動画だけを表示する quietube.com YouTubeで再生している動画のURL「http://www.youtube.com◯◯◯」の冒頭にhttp://quietube.com/v.php/を追加し、「http://quietube.com/v.php/http://www.youtube.com◯◯◯」の形にしてください。するとシンプルな動画再生ペー
2017年3月24日 撮影 今回は私の所属する留学サポート企業Frogのブログでもインタビューさせていただいたふーみんによるゲストブログ!プロモーションビデオ撮影の際に気づいたこと、設定方法などを紹介してくれます!ちなみにそのプロモーションビデオのナレーションは私、Manaが担当していますw 動画の中にもちょこっと登場しているので、探してみてくださいね ;) ↑私が10年以上利用している会計ソフト! 初めまして、バンクーバーにてクリエイター留学中のふーみんです!Manaさんが素敵な広報を担当する留学サポート企業Frogが運営し、僕自身の住居でもある『Frog House』のプロモーションビデオを制作しました!完全素人であった僕が、学校のインストラクターや友人のシネマトグラファーからのアドバイスをもとに1から動画撮影について学んだことを共有したいと思います。 制作したプロモーションビデオがこ
高画質かつ高圧縮の「H.264」がビデオフォーマットの主役の座についていますが、次世代のウェブフォーマットであるHTML5においては、H.264とともに主役として期待されているのがGoogleの開発する「WebM」です。WebMのこれまでの流れと今後の動画標準規格を巡る争いについてまとめてみました。 Google builds WebM patent pool of its own to fight back against MPEG-LA | Ars Technica http://arstechnica.com/business/2011/04/google-builds-webm-patent-pool-of-its-own-to-fight-back-against-mpeg-la/ Google and MPEG LA Announce Agreement Covering VP
YouTubeの動画をブログに埋め込みすること、よくあります。便利な機能ですよね。ただ、長い動画の場合に「ココからココだけ見せられたらいいのにな!」と思うこともあります。 そんな埋め込みを実現する方法が、Partial YouTube Embedsという記事で紹介されていました。 Then add the start and end parameters. Both use seconds, so you’ll need to convert minutes to seconds. 簡単にいうと、始点と終点を秒数にコンバートし、それを start と end というパラメータで指定する、という方法をとります。 例えば、こんな感じですね。 <iframe allowfullscreen=”” frameborder=”0″ height=”315″ src=”//www.youtube.co
DVDを動画ファイルに変換する方法と基礎知識 のページは移転しました。 ページは自動的に移動します。 移動しない場合は下記のリンクをクリックしてください。 DVDを動画ファイルに変換する方法と基礎知識
APEを用いたゲームCDの超高圧縮 (2003-10-13) CCDやBIN+CUEをRAR圧縮して400MB台のゲームCDを、無損失で300MB台にする。しかも_inmmでそのままプレイ可能 デジタル呪文でバグ退散! (2003-10-13) VirtualDubModを使ったOGM→AVI変換 (2003-10-13) 音声がOgg VorbisやAACのOGM動画を音声がMP3のAVI動画に変換 ゲームCDをなるべく高圧縮でファイル化することを考える。 ただし、音楽部分の音質を犠牲にせず、 大した手間をかけずにすぐインストール、プレイできることを条件とする。 (2004年10月22日 追記: APE 3.99で再テスト、一部の数値を修正。) 初めに ゲームCDではmix modeが使われることがある。 トラック1にゲーム自体のデータ(短い効果音を含む場合もある)、 トラック2以降に(
FirefoxでYouTubeの「共有」をクリックしたときに「undefined」が表示される不具合の対処方法を紹介します。 1.問題点 FirefoxでYouTubeの動画を共有しようと思い、「共有」クリックするとスクリーンショットのように「undefined」が表示されてしまいます。 本来であれば「再生リストに追加」というメッセージとどこに追加先の再生リストが表示されます。 Firebugで確認すると、「a.k is null」というJavaScriptエラーが発生しているようです。 最近インストールしたアドオンが干渉しているのかと思い、いくつかのアドオンを無効にしてFirefoxを再起動してみましたが事象は改善しませんでした。 2.対処方法 Firefoxで該当のクッキーを削除したところ、さくっと直りました。 具体的な操作方法は、メニューバーの「ツール」→「オプション」をクリック。
2014年8月17日 Illustrator, Photoshop, 便利ツール Web制作にはかかせない、PhotoshopをはじめとするAdobe社の製品。初心者向けのWebサイト制作についてかかれたサイトや書籍でも必ず目にする名前だと思います。覚える事が多くて何から勉強すればいいかわからない!なんて言う声もよく聞きますが、Adobeの公式サイトで配信されている無料動画で、基本的な使い方はマスターできちゃいますよ!昔からあるサイトですが、意外と存在を知らない方がいらっしゃったので、記事にしてみます。 ↑私が10年以上利用している会計ソフト! Adobe TVとは? Adobe TV Adobe TVはAdobe社公式の動画チュートリアルサイト。各ソフトの概要やチュートリアルをはじめ、新しい機能の紹介も随時追加されています。何より嬉しいのは動画で説明されているサンプルファイルもダウンロー
YouTubeの動画を繰り返し再生する方法を紹介します。 1.1曲だけ繰り返す 1曲だけ繰り返すには「Listen On Repeat」を利用します。 方法は、YouTubeで視聴している動画のドメイン「youtube」の後方に「repeat」をつけるだけです(上のサイトに行く必要はありません)。 例えば見ている動画のURLが、 http://www.youtube.com/watch?v=yjz2TvC2TT4&list=FLZ7PCOZS64V_jPGH62fTmXA の場合、URLを http://www.youtuberepeat.com/watch?v=yjz2TvC2TT4&list=FLZ7PCOZS64V_jPGH62fTmXA とするだけです。 または、「Listen On Repeat」のサイトにある検索フィールドにYouTubeの動画URLまたは検索キーワードを入力し
※模索して行った物なのでミスリードの可能性がありますのでご注意下さい。 なかなか動かなくてハマリました・・・動画やっぱこわい。。 タグ自体はシンプルなんですが、ブラウザ対応の動画形式が違うんですね。 何が面倒って、その動画形式や対応状況などを加味して用意するのが面倒でした。 用意する動画は mp4 : Chrome・Safari・IE9 ogv : Firefox・Opera webm : Chrome・Opera という具合。 更に、もちろんHTML5をサポートしていないブラウザも有り。 動画の変換ですが、僕はこのツールを使いました。 XMedia Recorde http://www.forest.impress.co.jp/lib/pic/video/vdoenc/xmediarecode.html (窓の社) 読み込んで形式を選択してエンコードボタンをクリ
個人ユーザーから劇場映画制作の編集まで、幅広く用いられる国産の映像編集ソフトEDIUSのサイト内にある「PIMOPIC(The Perfect introductin of motion picture)」では、映像クリエイターとして実際に仕事を始めている人やこれから映像コンテンツ制作を目指そうという人のために、経験豊富なプロの映像制作者が、映像制作の各段階で必要な技術や機材の理論に基づく基礎知識から実践現場で活かされるコツまでをまとめて伝授しています。 そこらの教科書よりも詳しく書かれており、これが無料で読めるというのがオドロキです。 CREATIVE LAB. INDEX | EDIUS.jp http://www.edius.jp/cre_lab/index.html ◆どんなことが書いてあるのか 企画段階から映像制作のフローに沿って、図や写真を使って、どのように制作を進めていけばい
Red Plugin Youtube動画を自由自在に操れるjQueryプラグイン「Red Ytube」 YoutubeのAPIを使って独自の再生ボタンを作ったり、再生時間なんかを表示させたり、埋め込み動画をその場でリサイズしたりすることが可能です 独自のテキストベースの再生・停止ボタン 現在の動画時間のリアルタイム表示 右下のつまみをドラッグ&ドロップで動画をリサイズ(これは便利) APIを調べるのが億劫でも比較的簡単に実装できそうです 関連エントリ APIを使わずにYoutube動画のサムネイルを得る方法 Youtube動画埋込みを独自デザインにしたい場合に使えるjQueryプラグイン「Custom Youtube Player」
なんとなく情報が少ない気がするので試しに 書いてみます。WordPressで運営している サイトでYoutubeをよく貼るようなことが多い ならちょっとお得、というか管理が楽になる かも知れないTipsをいくつかご紹介。自分 でも動画を使うサイトには取り入れたいカス タマイズです。 Youtubeをよくはってるサイトやブログを良く見かけますので少しでも効率が良くなればなぁと思ってTipsをいくつか書いてみました。コードばかりで何があるか分かりくいですが内容は以下になります。 ショートコードで動画を貼る カスタムフィールドで管理する z-indexが自動で効くようにしてあげる レスポンシブWebデザインに対応させる Youtubeのサムネイルを取得する 管理画面で固定の動画を管理する ショートコードで動画一覧をドバッと出せるプラグイン・TubePress ショートコードで動画を貼る ショート
* See What Sucks O hai.We’ll help you choosing the best HTML5 based video player for your next project. Last update: 2017-08-10 Feedback on Twitter.Let’s use the simple and easy-to-remember hashtag #videosws for feedback and news. See you there! Information.Made by Philip Bräunlich and Gerrit van Aaken. New players and updates? Demo video by Visuelle Zeiten. Still missing some players:Accessible H
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く