HTML マルチメディア アプリケーション: Web ページにフラッシュ アニメーションと音楽を挿入する

HTML マルチメディア アプリケーション: Web ページにフラッシュ アニメーションと音楽を挿入する

1. HTML_falshアニメーションでのマルチメディアの応用(WebページへのFlashアニメーションの挿入)

1. Flashアニメーションの挿入方法1: <embed>...</embed>タグを使用するとアニメーションが自動的に縮小されます

財産:
src=url(フラッシュパス)
幅=ピクセル/パーセンテージ(フラッシュ幅)
高さ=ピクセル/パーセンテージ(偽の高さ)
wモード
ウィンドウはFlash独自の長方形ウィンドウを再生します
不透明にすると、フラッシュがページの後ろで隠れる
透明はフラッシュの背景を透明にします

<embed src="../../../Material Library/Flash Animation Material/Text 1.swf" width="600"></embed>

<embed src="../../../Material Library/Flash Animation Material/Picture Commercial Home Advertising.swf" wmode="window"></embed>

2. Flashアニメーションを挿入する2番目の方法:<object>...</object>タグを使用してFlashアニメーションを挿入します。DWソフトウェアを使用して、<object>、挿入--マルチメディア--ファイルの選択というコードを自動的に生成することもできます。

2. HTML_mp3でのマルチメディアの応用(Webページへの音楽の挿入)

1. <embed>...</embed> を使用する
プロパティ値の説明
utostart true/false 自動/非自動再生
ループ数 音楽がループする回数(追加しない場合は無限)

その前身はバックグラウンドミュージックとして使用できる<bgsound src="URL" loop="number">です。

コードをコピー
コードは次のとおりです。

<embed src="../../../Material Library/Cai Chunjia - Waiting for a Sunny Day.mp3" autostart="true" loop="4"></embed>
<bgsound src="../../../Material Library/Deng Ziqi - 記憶の砂時計.mp3"/>

2. <object>...</object>タグを使用してMP3音楽を挿入する属性値説明
名前 src (パス) 音楽パス
utoplay (true/false) 自動的に再生するかどうか


コードをコピー
コードは次のとおりです。

<object data="../../../Material Library/Cai Chunjia - Waiting for a Sunny Day.mp3">
<param name="src" value="../../../Material Library/Cai Chunjia - Waiting for a Sunny Day.mp3"/>
<param name="autoplay" value="flase" />
</オブジェクト>

3. 移動可能なテキストを設定する

<marquee>移動可能なテキスト</marquee> (制限あり、一部のブラウザではサポートされていません)

財産:
direction="スクロール方向" (左 (デフォルト)、右 (右)、上 (上)、下 (下))
動作="スクロール モード" (スクロール (円を描くように移動する)、スライド (1 回だけ移動する)、交互 (前後に移動する))
loop="スクロールサイクル数" デフォルトのループは無限(無限)です
scrolldelay="delay" (1ステップ進み、1ステップ停止)
scrollmount="speed" (値が大きいほど速くなります)
bgcolor="背景色"
幅="幅"
高さ="高さ"
hspace="pixel" ブラウザの境界線の左右の間隔
vspace="pixel" ブラウザの境界線の上辺と下辺の間の間隔
onmouseover="this.stop()": マウスを置いたときにスクロールを停止します
onmouseout="this.start()" マウスを離してスクロールを続ける


コードをコピー
コードは次のとおりです。

<本文>
<marquee direction="left" behavior="scroll" scrollamount="3" bgcolor="#FFFFCC" width="440" height="250" hspace="100" vspace="100" onmouseover="this.stop()" onmouseout="this.start()">
<ul type="square">
<li>公安部副部長の李東勝氏が捜査を受けた。中央政府の反汚職運動は政法委員会のトップレベルにまで浸透している</li>
<li>ロイター:ベルギー企業が中国の北斗システムのコードを書いた</li>
<li>We-media の変化: エンターテイメント業界のエージェント モデルは試してみる価値がある</li>
<li>国務院のシンクタンクが銀行の過剰利益を批判:子犬でも銀行頭取の席に座れば金儲けできる</li>
<li>チベット党書記:2013 年のチベット人の 98% が安全に満足している</li>
<li>有名な「公愛人」のリスト:全員が複数の汚職官僚と関係を持っていた(写真あり)</li>
<li>外国メディアは、中国の公務員は仕事に依存するようになり、人生に意味がなくなったと報じている</li>
<li>劉強東は研修旅行から戻った後、あっという間に体重を減らし、李国青を懐かしんだ</li>
<li>北朝鮮が韓国への攻撃を警告、韓国と米国の軍高官が西部戦線を視察</li>
<li>マーティン・ルーサー・キングの誤った広告からわかる文化の違い</li>
<li>重慶市、国有企業の指導管理体制を調整し、60歳定年制を厳格に実施</li>
</ul>
</マーキー>
</本文>

<<:  タオバオモールのホームページ上の大きな画像のデザイン構造に関する分析と意見(写真)

>>:  Nginx 設定ファイルの詳細な説明と最適化の提案ガイド

推薦する

Docker mongoDB 4.2.1 をインストールし、Springboot ログを収集する詳細な手順

1: dockerにmongodbをインストールするステップ1: dockerにmongodbをイン...

MySQL は ACID トランザクションをどのように実装しますか?

序文最近、面接中に、MySQL の InnoDB エンジンがどのようにトランザクションを実装している...

JavaScript で円形カルーセルを実装する

この記事では、円形カルーセルを実装するためのJavaScriptの具体的なコードを参考までに紹介しま...

JavaScript が重複したネットワークリクエストを防ぐ方法の例

序文開発中は、インターフェース要求の繰り返しによってさまざまな問題が発生することがよくあります。ネッ...

MYSQLが中国語を認識できない問題の恒久的な解決策

ほとんどの場合、MySQL はインストールしたばかりのときは中国語をサポートしません。これはエンコー...

各グループの最新データを取得するためにMySQLベースのグループを実装する

序文:グループ化関数はグループ内の最初のデータを取得しますが、各グループ内の最新のデータを取得する必...

Vue ファースト スクリーン パフォーマンス最適化コンポーネントの知識ポイントの概要

Vue ファースト スクリーン パフォーマンス最適化コンポーネントVue ファースト スクリーン パ...

JavaScript ES6 モジュールの詳細な説明

目次0. モジュールとは何か1.モジュールの読み込み1.1 方法1 1.2 方法2 2. 輸出と輸入...

仮想マシンUbuntu 16.04がインターネットに接続できない問題の解決策

Ubuntu をインストールしたばかりですが、開いたときにネットワーク接続がありませんでした。右上隅...

CSS3 Flex エラスティックレイアウトのサンプルコードの詳細な説明

1. 基本概念 //任意のコンテナを Flex レイアウトとして指定できます。 。箱{ ディスプレイ...

Windows 10にOdoo12開発環境をインストールする方法

序文多くの友人は Mac コンピューターを持っていないと言っていますが、Windows 開発は実際に...

ES6実装クラスのプライベート変数の書き方をいくつか詳しく説明します

プライベート変数のクロージャ実装プライベート変数は共有されないnew キーワードにより、 perso...

Centos7.4 サーバーへの Apache のインストールとインストール プロセス中に発生した問題の解決策

この記事では、CentOS 7.4 サーバーに Apache をインストールする方法と、インストール...

フォーム検証機能を実装するためのネイティブ js

目次開発の際には、機能を段階的に分析して実装することで、明確な考え方を保つことができます。 1. フ...

vue シンプルメモ帳開発の詳しい説明

この記事では、参考までにEasy Notepadを実装するためのVueの具体的なコードを紹介します。...