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 設定ファイルの詳細な説明と最適化の提案ガイド

推薦する

CSS の読み込みによってブロックが発生しますか?

おそらく誰もが js の実行によって DOM ツリーの解析とレンダリングがブロックされることを知って...

vue3とvue2の利点の比較

目次利点1: diffアルゴリズムの最適化利点2: ホイスト静的静的リフティング利点3: cache...

Zabbix WEB 監視実装プロセス図

Zabbix独自のWEBインターフェースを例に、Web監視の設定を行います。環境: zabbix4....

JavaScript を使用して div の位置をドラッグして入れ替える例

1 実施原則これは、DOM 要素の dragstart/ondragover/ondrop イベント...

HTML tbody の使用

構造化テーブル (IExplore のみ) 1) 行ごとにグループ化<thead> .....

ウェブページ経由で jar パッケージを Nexus にアップロードする方法

Maven を使用してプロジェクトを管理する場合、jar パッケージをプライベート ウェアハウスにア...

CSS3を使用してテキストの垂直配置を実現する方法

最近のプロジェクトでは、テキストを垂直に揃えたいと考え、CSS の writing-mode プロパ...

コンテナDockerCommitを介してイメージを送信し、DockerPushでイメージをプッシュします。

ローカルでコンテナを作成した後、このコンテナに基づいてローカル イメージを作成し、このイメージを D...

JavaScript でよく使われるいくつかの文字列メソッドの概要 (初心者必読)

JavaScriptでよく使われるいくつかの文字列メソッド文字列は読み取り専用データです。よく使用...

Vueにおけるキーの役割と原理の詳細な説明

目次1. 結論から始めましょう2. キーの役割2.1 例2.2 上記の例を修正する2.3 例を再度修...

40 CSS/JSスタイルと機能的な技術処理

1-ドロップダウン選択ボックスのスタイル設定 - ドロップダウン リストを変更します。 2- <...

HTML+CSS でハートビートの特殊効果を作成する

今日は、シンプルなハートビート効果を作成します。多くのコードは必要ありません。ボックスを追加し、CS...

Ubuntu 18.04 が VMware 仮想マシンでネットワークに接続できない問題の解決策

仮想マシン内のUbuntu 18.04がネットワークに接続できない問題の解決策は次のとおりですVMw...

ChromeはCookieの変更を監視し、値を割り当てます

次のコードは、Chrome による Cookie の変更の監視を導入しています。コードは次のとおりで...

jQueryのanimateアニメーションメソッドとアニメーションキューイング問題の解決方法の詳しい説明

目次animate() アニメーションメソッドアニメーションキューイングdelay() メソッドアニ...