BinaryDevelop

  • iosシステムでhtml5のvideoタグが再生できない問題を解決する。

    1. まず、フロントエンドの観点から、safariブラウザを動画に対応させ、再生に対応させる方法（解決策は見つからず）。 2. 何度もウェブで検索した結果、バックエンドを使うことで解決できることがわかり、その解決ポイントはHTTPプロトコルのレスポンスヘッダ（Accept-Ranges）にあることがわかりました。 3.サファリブラウザは、動画を開くときに、まずファイルのサイズを検出するリクエス

    2022-01-12 22:47:28

  • Html5 Streamを用いたリアルタイムモニタリングシステムの開発

    RTSPプロトコル（リアルタイムストリーミングプロトコル）を使用して、リアルタイム伝送と表示カメラの画面機能を完了しようとすると、これらの日、すべての後に、HikvisionのWebコントロールは、Chromeの高いバージョンをサポートしていない、あなたは技術のこのセットを使用する場合、その後のシステムは、アップグレードを最適化することが困難である。とRTSPプロトコルは、市場ですでにいくつかのH

    2022-01-12 21:45:48

  • キャンバス描画の解像度が拡大され、ぼやけた状態になる

    まず、キャンバスの幅と高さを理解しましょう canvas.width はキャンバスの大きさ、canvas.style.width はブラウザでレンダリングされたキャンバスの大きさです。 最初の問題：キャンバスの高さと幅 キャンバスの幅と高さは、canvasタグで設定する必要があります。cssスタイルで設定した場合、キャンバスはデフォルトサイズの幅：300px、高さ：15

    2022-01-12 21:33:10

  • 統計図表を実現するHtml5円グラフ描画方法

    Html5には強力な描画APIが用意されており、javascriptを使って様々なグラフを簡単に描画することができます。今回は、主にHTML5を使った円グラフ（統計図表）の描画方法について説明します。まずは円グラフの効果を見てみましょう。 このグラフは、渡されたスケールパラメータ（配列）に基づいて円グラフを動的に描画するように生成されています。円グラフのサイズも <canva

    2022-01-12 20:12:37

  • AmazeUI モバイルページ トップナビゲーションバー ヘッダーとサイドナビゲーションバー offCanvas サンプルコード

    最近のページに注目すると、トップナビゲーションバーはあまりにも一般的です。このコンポーネントは、フロントエンドフレームワークであるAmazeUIを使えば、モバイルページにも実装することが可能です。同時に、ナビゲーションバーの右端にサイドナビゲーションバーoffCanvasを追加し、一度クリックすると巨大なドロップダウン型ナビゲーションとなるBootStrapの使用をやめることができます。ナビゲー

    2022-01-12 18:49:53

  • HTML5の背景表示領域の実装

    background-clip 属性は、背景を描画する領域を指定する。 デフォルト値：border-box /{br 継承：なし バージョン CSS3 JavaScript の構文：object.style.backgroundClip="content-box" background-clip: border-box|padding-box|content-box。 border-

    2022-01-12 18:28:17

  • localStorageの最大記憶容量を取得する方法を説明する

    localStorage、sessionStorage、cookieについて簡単に紹介します。 localStorage: サーバー通信に関与しないクライアント側でのみ保存され、保存サイズは通常5M、人間が消去しなければブラウザを閉じても常に存在する。 sessionStorage: クライアントサイドのストレージのみ、サーバー通信に関与しない、ストレージサイズは通常5M、セッシ

    2022-01-12 18:15:59

  • キャンバスの内容を消去する（点消去＋線消去）

    キャンバスの内容を消去 1. 幅または高さをリセットする キャンバスのコンテンツは、高さや幅をリセットするたびにクリアされるため、以下の方法でクリアすることができます（この方法は、コンテンツ全体をクリアする必要がある場合に限られます）。 f1=open("fenci_result.txt",'r') 2. clearRect UnicodeDecodeError: 'utf-8' code

    2022-01-12 17:28:38

  • ウェブサイトパフォーマンスのための画像読み込みを遅らせる5つのコツ（要約）

    画像はWeb上で最も人気のあるコンテンツの1つであるため、Webサイトのページロード時間が問題になりやすいと言えます。 適切な最適化を行っても、画像はかなり重くなることがあります。これは、訪問者がWebサイトのコンテンツにアクセスするまでの待ち時間に悪影響を及ぼす可能性があります。スピード感を損なわないような画像の読み込み方法を考えなければ、訪問者は我慢できず、他のサイトへ移ってしまう可能性が高

    2022-01-12 16:56:36

  • Html5ナビゲーションバー天井画の原理と対照的な実装

    I. 天井とは何ですか？ トップサックエフェクトは、ナビゲーションや検索ボックスなど、Web開発において一般的な適用シーンがあるインタラクションです。トラフィックの水平分布、天井効果への注意と水平スライドカットタブのジェスチャーを行う機能は、ユーザーが迅速に多くの製品を発見することができます。 H5ナビゲーションバーの上面吸着効果表示を楽しむ市場 1. タオバオジュビリー天井デモ。 2.

    2022-01-12 16:36:08

  • h5ページ evokeアプリがインストールされていない場合、ダウンロードにジャンプします（iOS、Android）。

    h5ページ 起動アプリがインストールされていない場合、ダウンロードをスキップする（iOS、Android） ブラウザとアプリの間には通信プロトコルがないので、h5はユーザーの携帯電話にアプリがインストールされていることを知りません。h5はアプリの起動を試み、起動しない場合はユーザーに当社のアプリをダウンロードするように指示するだけです。 WeChatではスキーマプロトコルがブロックさ

    2022-01-12 15:36:51

  • HTML5+CSSでfloatを設定しても、真ん中や間違った行の代わりに移動しない問題

    今日、オンラインのルーチンに従ってXiaomiのウェブサイトを書き込んでみたら このセクションでは、親ボックスを設定し、子ボックスをそれぞれ以下のコードで左右のフロートを設定します。 let root = "data/Repos-cleaned"; let outputDirGold = "data/outputs-gold/"; let outputDirAll = "da

    2022-01-12 14:42:53

  • Html5 埋め込みピン留めサンプル実装

    1,プロジェクトに公式のpinned jsを導入する必要があります。 <script type="text/javascript" src="http://g.alicdn.com/dingding/dingtalk-jsapi/2.3.0/dingtalk.open.js" > </script> またはnpmでも大丈夫です 2、独自のapiを爪、認

    2022-01-12 14:27:33

  • 画像アップロードとキャンバス圧縮処理の解析

    画像のアップロードを行う場合、通常、バックエンドのインターフェースがアップロードする画像のサイズを制限したり、バックエンドがサイズを制限していなくても、画像が大きすぎてフロントエンドでのレンダリングに時間がかかり、ページの読み込みが悪くなるという状況に遭遇することがあります。そのため、アップロードされた画像を圧縮することが必要です。 この記事は、gitthubに収録されています。 github

    2022-01-12 14:13:39

  • ビデオカバーを設定するH5ビデオポスタープロパティ

    動画を開き、再生をクリックする前にカバー画像が表示されます。クリックするとカバーが消え、動画が再生されます。 動画の表紙をカスタマイズしたいという要望がある場合、どのようにすればよいでしょうか。 これは、H5ビデオで提供されるposterプロパティを使用して簡単に行うことができます。 poster 属性は、動画がダウンロードされるとき、またはユーザーが再生ボタンをクリックする前

    2022-01-12 14:12:24

  • キャンバスで画像のミラーリングと反転を実現する2つの方法

    1.キャンバスを使った反転方法 var img = new Image(); //this is the dom object of the img tag img.src = '. /sy.png'; img.onload = function () { //execute this method after the image is loaded ctx.d

    2022-01-12 13:06:22

  • recorder.js Html5ベースの録画機能実装

    レコーダー.js マイクのHTML5ベースの録音機能で、出力形式はmp3ファイルです。 プリアンブル H5ネイティブAPIに全面的に依存 関係するAPI WebRTC、AudioContext、Worker、Video/Audio API、Blob、URL 互換性 {について Chrome、FF、Edge、QQ、360（注：現在IEとSafariのフルバージョンは非対応です） {を使

    2022-01-12 12:49:43

  • HTML5 Blobオブジェクトの使用方法

    の前に書く 本記事では、主にBlobオブジェクトのプロパティと役割についてまとめ、DEMOを通じてBlobオブジェクトの活用シーンを紹介します。 ブロブオブジェクト JSでバイナリを直接扱うのに、これほど良い方法はありません。しかし、Blobは、JSでバイナリデータを直接操作できるようにするために存在します。 Blobオブジェクトは、読み取り専用の生データを含むファイルのようなオブジェクト

    2022-01-12 12:37:34

  • uniapp+Html5 endでPCエンドの適応を実現する。

    序文 uniappで作成したh5ページをPC側で表示すると、upxの単位計算の基準値により大きすぎて、ページスケジューリングレイアウトがずれてしまうことが判明した アイデア は最初、px単位を使えばページレイアウトが混乱しないことがわかりましたが、これはオープンしたばかりのプロジェクトには優しいし、すでに確立されたプロジェクトで修正するにはコストとリスクが高すぎるし、pxは固定単位なので、モ

    2022-01-12 12:26:18

  • HTML5レイヤーオーバーレイの実装

    位置の構文です。 position : 静的絶対相対 位置パラメータを指定します。 static : 特別な配置はなく、オブジェクトはHTMLの配置規則に従います。 absolute : オブジェクトをドキュメントストリームからドラッグし、left, right, top, bottomなどのプロパティを用いて絶対的に配置します。また、そのカスケード表示は、cssのz-indexプロパティ

    2022-01-12 11:57:15

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します