ゲーマーズステーション | ゲームを中心に、動画・ブログ制作などのネットコンテンツ全般からレビュー情報まで分かりやすく紹介
デフォルトでは swing と linear ですが、jQuery Easing Plugin でたくさん使えるようになります。但し、swing は jswing に名前が変更されて、swing は書けるようですが、jQuery.easing.def を変更すると out of memory のエラーが 出たりするので、デフォルトである easeOutQuad は、swingと殆ど同じなのであまり気にせずに使うといいと思います。 ※ しかし、どうも out of memory の挙動(IE8ですが)がたまにあるので、無理に ※ プラグインしない、という選択肢もあります。 その効果をグラフで示しておられるのが jQuery Easing - jQuery 日本語リファレンスで、その意味かよく解るようになっています。このページの jQuery は、jquery-1.3.min.js でしたが、
どうでもいい話なのですが、inputタグのautocomplete属性について先日はじめてちゃんと知った気がしました(今更 それと日記見返すと、昔の方が雑記的だなぁと思った。。 うーん、そう考えるとローカルのもったいないメモは多そうだ。 今度書き出せたらいいなぁ。。 で本題ですが、先日jQueryを使っているプラグインのコードを見てて「(function($) {})(jQuery);」ってどういう意味?て思ったので、調べたりとかしてました。 謎って思ったのはおおまかに3つ。 何故全体を括弧で囲む必要があるのか。 function($)の「$」って何? 2個目の括弧の中の「jQuery」って何? これ、ほぼ「(function($) {})(jQuery);」の全てが謎っていってるようなものですねw http://q.hatena.ne.jp/1226297257 上記のURL先を参考にな
どういう状況? とあるWebサービスの、全てのページに入れるJS製共通コンポーネントを作成、反映することになった! が、ページには既にjQueryが読み込まれ、且つjQueryプラグインが拡張されているような状態。順当な対応であれば、追加する共通コンポーネント側で、jQueryが読み込まれているかどうかを判定し、読み込まれていなければ読み込む、という対応になるだろうか。というかjQueryのバージョンくらい管理しろよという話でもあるけれども。 ググったら jQuery.noConflict(true) なるもので、複数バージョンのjQueryを存在させておけるらしいが、挙動が色々不明瞭なので、色々検証してみた。 お題目 ひとまず謎の jQuery.noConflict(true) を詠んでみる。 jQuery.noConflict(true) を呼ぶ事で、呼ぶ前と何が変わるのか どう使うべ
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
あんまり同じような問題に直面している人は少ないとは思いますが。。。 まず、普通にjQueryを2個呼んでみます。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> このようにした場合、jQueryのグローバルオブジェクトである「$」または「jQuery」は後勝ちになるので、alert($().jquery)とかやると1.9.0が表示されます。1.3.2のjQueryオブジェクトは上書かれて消えてしまって
<nav> <ol> <li>メソッド <ol> <li><a href="#play0">動画を再生する</a> <li><a href="#pause0">動画を一時停止する</a> <li><a href="#load0">動画を再ロードする</a> </ol> <li>イベントハンドラ <li>属性 <ol> <li><a href="#src0">動画のURLを取得/指定する</a> <li><a href="#currentSrc0">現在の動画のURLを取得する</a> <li><a href="#crossOrigin0">認証情報の有無を取得/設定する</a> <li><a href="#networkState0">動画の接続状況を取得する</a> <li><a href="#preload0">プリロードの有無を取得/設定する</a> <li><a href="#bu
HOME JavaScript入門[HTML5編] 音量とミュート このページでは、ビデオや音声ファイルの音量を調整する方法について見ていきます。 タイマーと組み合わせれば、フェードイン・フェードアウトなどの効果を出せるでしょう。 音量に関連したスクリプト まずは音量調節に関連したスクリプトを見ておきましょう。 media.volume = 0 ~ 1.0 メディアのボリュームを調節します。0が無音で1.0が最大になります。 media.muted = true/false メディアを無音(ミュート)にするかどうか指定します。trueでミュートになります。 mediaはメディアオブジェクトで、id名の付いたvideoタグやaudioタグのメディアを以下のようにして取得できます。 var media = document.getElementById("id名") 音量調節のサンプル 以下は
PC 版の Google Chrome や Safari で見たときにユーザビリティーが落ちるから。 以上。 で終わってしまうと記事にならないので、ちゃんと説明しておく。 そもそも -webkit-text-size-adjust とは何か iPhone や Android のブラウザーは、縦向き (Portrate mode) と横向き (Landscape mode) の文字サイズを自動調整する機能がある。 これを制御するのが CSS の -webkit-text-size-adjust である。 文字サイズ自動調整の具体例 次のような HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-
Mobile Safari で Audioを再生する方法は大きく、Audioタグ をつかう方法と Web Audio API をつかう方法があります。 2つの方法には微妙な違いがあって、いままでもちょいちょい検証してきたんですが、ここらで1つの記事にまとめておこうと思います。 ※ 検証はiOS8.4のiPhone6で行いました。 再生に関する挙動 Audioタグ タップ等のユーザーの動作が必要 Web Audio API タップ等のユーザーの動作が必要 音量に関する挙動 Audioタグ iPhone本体のボリュームでのみ制御可能(APIからの操作は無視) Web Audio API iPhone本体のボリューム、APIどちらからでも制御可能 関連記事 kimizuka.hatenablog.com サイレントモードに関する挙動 Audioタグ 本体音量が0でない限りサイレントモードでも音が
前回、iPhoneでウェブページ上でVideoをインライン再生する方法を紹介いたしましたが、 iOS10から、正式に、SafariでHTML5のVideoをインラインで再生できるようになりました。 また、無音の設定をすれば、自動再生も許可されるようになりました。 ↓参考記事 モバイルブラウザのビデオ再生がいろいろ変わるので確かめてみた – Qiita iOS10のiPhoneのmobile Safariではビデオ要素(videoタグ)をインラインで再生できるようになったし、無音のビデオなら自動で再生できるようになった模様 – みかづきブログ その3 HTML5からVideoタグが利用できるようになり、動画を使ったサイトが作りやすくなりました。 しかし、iPhoneでの操作の制限(自動再生できない、再生するときに強制的に全画面になる)の問題で、 スマホ向けサイトでは、HTML5でのVideo
iOS 10で変わったこと これまでのMobile Safariでは、HTML<video>タグでembedした動画を自動再生させることができませんでした。これはHTML5ではなくApple社による制約事項です。 そのため、アウトストリーム動画広告(インフィード, インバナー等)ではCanvasにレンダリングするなど、<video>タグを使用しないワークアラウンドが一般的でした。 これがiOS10からは、条件付で<video>タグを自動再生できるようになりました。 https://developer.apple.com/library/content/releasenotes/General/WhatsNewInSafari/Articles/Safari_10_0.html 記述例 デフォルトの挙動
HTML5 で導入された<video>要素で埋込んだ動画の再生が終わったら自動的に他のページに遷移させるための方法。 まずはじめに。 かつて、ウェブサイト制作技術にフラッシュが欠かせないと思われていた頃、企業サイトの中にはフラッシュ動画を再生させ、再生が終わって初めてメニューページに遷移するサイトが多数ありました。 今日では、スマートフォンがフラッシュに対応しなくなった事もあり、代わりに JavaScriptと DOM、或いは、 HTML5 で導入された<video>要素での動画埋込みなどが普及しつつあります。 それでは、かつてフラッシュ全盛期に行われていたような、動画再生が終了したら自動的に他のページに遷移するようにするには、どうしたら良いでしょうか。 ここではそれについて考えてみましょう。 以下、動画について解説しておりますが、<audio>要素に依る音声埋込でも、同様の方法で演奏後に
iPhone Safariで動画をインライン再生する方法への反応の中に「音声は?」との声がちらほらありました。 スマホは常にサイレントモードにしてて殆ど音出さないのですっかり頭から抜けていましたが、実験済みでしたので今回は音声付きでインライン再生する方法の話をば。 音声をAudio APIを使って同時に再生 最初に思いつくのは動画からDemuxして分離した音声をAudio APIを使って同時に再生する方法でしょう。 実際これで足りる場合もあります。が、足りない場合もあります。 VideoとAudioに同時に再生命令を送っても、同じ速さで再生されるかは保証されない 昔々にAviUTLだのTMPGEncだのでエンコしてた人なんかはわかると思いますが、分離された音声と映像は結構かんたんにズレます。 まして今回はVideoをまともに再生していないわけで。 ですからナレーションとBGMのみのCMなん
iPhone SafariのVideoタグの制限 iPhone SafariのVideoタグには大きく2つ制限がある。 ユーザインタラクション(タップ)なしに再生できない 初期再生時必ずフルスクリーン再生になる 特に2がクセモノで、これのせいでモバイルブラウザに動画広告はほぼ無いし、モバイルブラウザゲームには動画演出がない(MotionJPEGみたいにjpegを数百枚数千枚差し替えるとか涙ぐましいことをしている例はある)。 制限は超えられる この制限が超えられないものかと調べてみると、やはり同じようなことを訊いている人が居た。 inline html5 video on iphone - Stack Overflow http://stackoverflow.com/questions/30855662/inline-html5-video-on-iphone で、そのベストアンサーが I
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く