-
HTML5で同じサウンドを同時に複数回再生できますか?
サウンドを同時に複数回再生するには、要素のクローンを作成する必要があります。これはGoogleChromeで機能します- var sound = document.getElementById("incomingMessageSound") var sound2 = sound.cloneNode(); sound.play() sound2.play() cloneNode ノードの複製を返すのに役立ち、サウンドを再度実行するのに役立ちます。
-
Internet Explorer 8は、印刷スタイルシートのHTML5タグを変更しません
html5shivを試してみてください。 IEでHTML5要素を有効にするには、html5shivなどのプラグインを使用する必要があります。 HTML5 Shivは、従来のInternet ExplorerでHTML5セクショニング要素を使用できるようにし、InternetExplorer6-9の基本的なHTML5スタイルを提供します。 これで、 document.createElementを使用することもできます。 要素を作成します。 var demo = document.createElement("demo"); demo.innerHTML = "Wor
-
キャンバスを切り抜く/特定の幅と高さのHTML5キャンバスをエクスポートする
このために、現在のキャンバスに描画するための一時的なキャンバスを作成します。その後、一時的なキャンバスでtoDataUrl()メソッドを使用します- var c = document.getElementsByTagName("canvas"); var ctx = c[0].getContext("2d"); var data = ctx.getImageData(0, 0, c[0].width, c[0].height); var compositeOperation = ctx.globalCompositeOperation; ctx.glo
-
オフラインWebアプリにユーザーをログインさせる方法は?
オンラインでログインしている間は、最初にサーバーに対して認証を行う必要があります。サーバーが機能する場合は、ユーザー名とハッシュ化されたパスワードをデータベースに保存します。 データベースでアカウントが見つかった場合は、ユーザーが最後にログインしてからパスワードを変更した場合にのみ、新しいハッシュを生成する必要があります。 ローカルデータベースに対しても認証する必要があります。アプリのオンラインバージョンを使用して少なくとも1回ログインします。
-
HTML5 Webワーカーのエラーを処理する方法は?
次に、エラーをコンソールに記録するWebWorkerJavaScriptファイルのエラー処理関数の例を示します。 例 <!DOCTYPE HTML> <html> <head> <title>Big for loop</title> <script> var worker = new Worker('bigLoop.js'); &n
-
利用可能な場合にサーバー同期を使用してEmber.jsアプリをオフラインにする方法は?
ember-localstorageアダプターを使用します。 App.store = DS.Store.create({ revision: 11, adapter: DS.LSAdapter.create() }); 例 クライアント側のストレージに使用するアダプターを定義する必要があります- App.Store = DS.SyncStore.extend({ revision: 10, adapter: DS.IndexedDB.adapter({  
-
大きなフォントサイズのHTML5キャンバステキストストローク
HTML5 Canvasで大きなフォントを正しく描画するには、次のコードを実行してみてください- var myCanvas = document.getElementById("myCanvas"); var context = myCanvas.getContext("2d"); context.font = '180pt Georgia'; context.strokeStyle = "#FF0000"; context.fillStyle = "#FFFFFF "; context.line
-
PhoneGapアプリケーション用のAndroidのHTML5<audio>タグ
PhoneGapは、モバイルアプリケーションの開発に使用されるAdobeSystemによるソフトウェア開発フレームワークです。 PhoneGapは、iOS、Android、BlackBerry、WindowsMobileOSなどの一般的なすべてのモバイルOSプラットフォーム向けのアプリを作成します。 HTML5オーディオのサポートは、コーデックのライセンスの問題とOSの実装が原因で、さまざまなデバイス間で一貫していません。 MP3ファイルを再生するには、すべてのプラットフォームで信頼性の高いオーディオプログラミングを提供するPhoneGapのMediaクラスを使用して処理します。 オー
-
Safariを使用したHTML5appcacheにより、クロスサイトcssが正しく読み込まれません
Appcachesは、ブラウザがアクセスしている特定のページに関連する、サイトに存在するファイルを指定するためにWebブラウザによって使用されます。 SafariはAppCache標準に厳密に従い、AppCacheにないWebアドレスの要求を確認します。 リクエストがブロックされないようにするには、-を使用します NETWORK: * https://* https://*
-
HTML5でベジェパス形状をクリックしたときの検出
クリック時にベジェパスの形状を検出するには、次のコードを試してください- 例 var l = boxes.length; for (var i = l-1; i >= 0; i--) { drawshape(gctx, boxes[i], 'black', 'black'); var imgData = gctx.getImageData(mx, my, 1, 1); var index = (mx + my * imgData.width) * 4;
-
ダブルクリックでHTML5キャンバスの外側でテキストが選択されないようにするにはどうすればよいですか?
ダブルクリックテキストの問題を回避するには- var canvas1 = document.getElementById('c'); canvas1.onselectstart = function () { return false; } 注 −キャンバスはページの幅を埋めてはならず、幅は100ピクセルのみです。
-
ChromeのHTML5ビデオタグ-ビデオがWebサーバーからダウンロードされたときにcurrentTimeが無視されるのはなぜですか?
HTML5ビデオタグを使用して特定の時間からビデオを再生できるようにするには、これらの修正を試してください。 Webサーバーは、バイト範囲を使用してドキュメントを提供できる必要があります。 Google Chrome Webブラウザーは、これが機能することを望んでいます。これがうまくいかない場合、シークは無効になり、currentTimeを設定しても機能しません。 これが許可されている場合は、Webサーバーをテストします- curl --dump-header - -r0-0 https://theurl
-
チェックボックスのHTML入力スタイルをIEのデフォルトにリセット
一部のWebブラウザでは、チェックボックスをデフォルトのネイティブスタイルにリセットすることはできません。 これを試して、スタイルへのすべてのタイプの入力を一覧表示できます- input[type="text"], input[type="password"] { border: 2px solid green; } CSS3疑似クラスを使用することもできますが、IE11で機能する場合と機能しない場合があります- input:not([type="checkbox"]) { bor
-
クロスブラウザのドラッグアンドドロップによるHTMLファイルのアップロード?
クロスブラウザHTMLファイルアップローダーの場合は、FileDropを使用します。最新のほとんどすべてのWebブラウザで動作します。 公式仕様による- FileDropは、HTML5、レガシー、AJAX、ドラッグアンドドロップ、JavaScriptファイルアップロード用の自己完結型のクロスブラウザです
-
複数のプログレスバーを使用したHTML5ファイルのアップロード
正しく機能させるには、すべてのリストアイテムがすでに作成されているときに発生するxhrprogressイベントを回避する必要があります。 xhr あなたが何をしたいのかを知っている必要があります- var a = new XMLHttpRequest(); a.upload.li = li; a.upload.addEventListener('progress', function(e) { var pc = parseInt(event.loaded / event.total * 100); this.li.
-
HTML5ファイルAPIreadAsBinaryStringは、ディスク上のファイルと同じくらい大きくて異なるファイルを読み取ります
これは、ファイルをバイナリ文字列として読み取り、multipart/form-dataリクエストを手動で作成している場合に発生する可能性があります。 xhr.send(File)を試して使用し、すべてのリストアイテムがすでに作成されているときに発生するxhrprogressイベントを回避する必要があります。 例 以下はアップロード機能です- function display(url, files) { var myForm = new FormData(); for (var j = 0, file; file = files[j]; ++
-
ジオロケーションHTML5enableHighAccuracyTrue、False、または何?
Geolocation enableHighAccuracyの場合、trueに設定する必要があります- enableHighAccuracy: true それでも結果の取得に失敗する場合、つまりタイムアウトエラーを処理できない場合は、もう一度試してください enableHighAccuracy: false 上記はAndroid、Chrome、Firefoxでも機能します。
-
ポップやクリックなしでHTML<audio>ブロックを1つずつ再生する方法は?
HTML ブロックを1つずつ再生するには、最初に次のHTMLを使用します- <audio id = "one"> <source src = "new1.mp3" type = "audio/mp3"> </audio > <audio id = "two"> <source src = "new2.mp3" type = "audio/mp3"> </aud
-
ブラウザに基づいて`window.URL.createObjectURL()`と `window.webkitURL.createObjectURL()`のどちらを選択するのですか?
選択するには、ラッパー関数を定義する必要があります- function display ( file ) { if ( window.webkitURL ) { return window.webkitURL.createObjectURL( file ); } else if ( window.URL && window.URL.createObjectURL ) { return window.URL.display( file ); &n
-
KineticJSが管理するHTML5-CanvasでKeydown-Eventsをリッスンする方法は?
KeyDownイベントを聞くには、-を使用します if(keyIsPressed && keycode == somenumber) { doSomething(); } KeyDownをキャプチャするには- var canvas1 = layer.getCanvas()._canvas; $(canvas1).attr('tabindex', 1); canvas1.focus(); $(canvas1).keydown(function (event) { console.log(event); });