HTML multimedia application: inserting flash animation and music into web pages

HTML multimedia application: inserting flash animation and music into web pages

1. Application of multimedia in HTML_falsh animation (inserting Flash animation into web pages)

1. Flash animation insertion method 1: Use the <embed>...</embed> tag and the animation will automatically shrink

property:
src=url(Flash path)
width=pixel/percentage (flash width)
height=pixel/percentage (falsh height)
wmode
Window makes Flash's own rectangular window play
opaque makes the flash hidden on the page behind it
transparent makes the flash background transparent

<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. The second method of inserting Flash animation: Use the <object>...</object> tag to insert Flash animation. You can also use the DW software to automatically generate the code <object>, insert--multimedia--select file

2. Application of multimedia in HTML_mp3 (inserting music into web pages)

1. Use <embed>...</embed>
Property Value Description
utostart true/false automatic/non-automatic play
loop number The number of times the music loops (no addition means infinite)

Its predecessor is <bgsound src="URL" loop="number"> which can be used as background music

Copy code
The code is as follows:

<embed src="../../../Material Library/Cai Chunjia - Waiting for a Sunny Day.mp3" autostart="true" loop="4"></embed>
<bgsound src="../../../Material Library/Deng Ziqi - Hourglass of Memories.mp3"/>

2. Use the <object>...</object> tag to insert MP3 music Attribute Value Description
name src (path) music path
utoplay (true/false) whether to play automatically


Copy code
The code is as follows:

<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" />
</object>

3. Set movable text

<marquee>Moveable text</marquee> (limited, some browsers don't support it well)

property:
direction="Scroll direction" (left (default), right (right), up (up), down (down))
behavior="scroll mode" (scroll (go around in circles), slide (go only once), alternate (go back and forth))
loop="Number of scrolling cycles" The default loop is infinite (infinite)
scrolldelay="delay" (go one step, stop one step)
scrollmount="speed" (the larger the value, the faster)
bgcolor="background color"
width="width"
height="height"
hspace="pixel" The spacing between the left and right sides of the browser border
vspace="pixel" The spacing between the top and bottom sides of the browser border
onmouseover="this.stop()": Stop scrolling when the mouse is placed on it
onmouseout="this.start()" Take the mouse away and continue scrolling


Copy code
The code is as follows:

<body>
<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 Dongsheng, deputy minister of the Ministry of Public Security, was investigated. The central government's anti-corruption campaign has penetrated the top levels of the Political and Legal Affairs Commission</li>
<li>Reuters: Belgian company wrote code for China's BeiDou system</li>
<li>We-media changes: entertainment industry agent model is worth a try</li>
<li>State Council think tank criticizes banks for excessive profits: Even a puppy can make money sitting in the bank president's seat</li>
<li>Tibet Party Secretary: 98% of Tibetans are satisfied with safety in 2013</li>
<li>A list of famous "public mistresses": all of them had affairs with multiple corrupt officials (photos)</li>
<li>Foreign media say Chinese civil servants have become dependent on their jobs and their lives have no meaning</li>
<li>Liu Qiangdong lost weight like a flash and missed Li Guoqing after returning from his study tour</li>
<li>North Korea warns of attack on South Korea, senior South Korean and US military officials inspect western front</li>
<li>Cultural differences from Martin Luther King's mistaken advertisement</li>
<li>Chongqing adjusts state-owned enterprise leadership management system and strictly implements retirement at age 60</li>
</ul>
</marquee>
</body>

<<:  Analysis and opinions on the design structure of the large picture on the homepage of Taobao Mall (picture)

>>:  Why MySQL does not recommend using null columns with default values

Recommend

Summary of MySQL foreign key constraints and table relationships

Table of contents Foreign Key How to determine ta...

Solve the mobile terminal jump problem (CSS transition, target pseudo-class)

Preface Many friends who have just come into cont...

Detailed steps for installing and configuring MySQL 8.0 on CentOS 7.4 64-bit

Step 1: Get the MySQL YUM source Go to the MySQL ...

Vue uses custom instructions to add watermarks to the bottom of the page

Project Scenario Add a custom watermark to the en...

Echarts legend component properties and source code

The legend component is a commonly used component...

Implementation of the Pycharm installation tutorial on Ubuntu 18.04

Method 1: Download Pycharm and install Download a...

Summary of ways to implement single sign-on in Vue

The project has been suspended recently, and the ...

Several ways to pass data from parent components to child components in Vue

I have been studying the source code of Vue recen...

Mini Program implements custom multi-level single-select and multiple-select

This article shares the specific code for impleme...

How to Clear Disk Space on CentOS 6 or CentOS 7

Following are the quick commands to clear disk sp...

How to obtain and use time in Linux system

There are two types of Linux system time. (1) Cal...

CSS3 countdown effect

Achieve results Implementation Code html <div ...

How to install binary MySQL on Linux and crack MySQL password

1. Make sure the system has the required libaio s...

Summary of methods for querying MySQL user permissions

Introduce two methods to view MySQL user permissi...