• HTML


    HTML 媒体

    HTML 多媒体

    • Web 上的多媒体指的是音效、音乐、视频和动画
    • 多媒体可以是你听到或看到的任何内容,包括文字、图片、音乐、音效、录音、电影、视频、动画等

    HTML 多媒体标签

    标签 描述
    <embed> 定义内嵌对象,不能用在 HTML 4
    <object> 定义内嵌对象
    <param> 定义对象参数
    <audio> 定义声音内容
    <video> 定义一个视频或影片
    <source> 定义了 media 元素的多媒体资源(<video> 和 <audio>)
    <track> 规定 media 元素的字幕文件或其他包含文本的文件(<video> 和 <audio>)

    HTML 插件

    <object> 元素

    • 该标签用于在网页中嵌入对象(Java小程序、PDF阅读器、Flash播放器)

    实例:

    <object width="400" height="50" data="bookmark.swf"></object>
    
    • <object> 元素同样可用于包含 HTML 文件

    实例:

    <object width="100%" height=="500px" data="test.html"></object>
    
    • 也可以插入一张图片

    实例:

    <object data="test.jpeg"></object>
    

    <embed> 元素

    • <embed> 元素表示一个 HTML Embed 对象
    • <embed> 元素没有关闭标签,不能使用代替文本

    实例:

    <embed width="100%" height="500px" src="test.html">
    <embed src="default.jpeg">
    

    HTML 音频

    使用插件

    使用 <embed> 元素
    <embed width="100" heith="50" src="bird.mp3">
    
    使用 <object> 元素
    <object width="100" height="50" data="bird.mp3"></object>
    

    使用 <audio> 元素

    • <audio> 标签是 HTML 5 标签,在 HTML 4 中是无效的
    • 使用<audio> 标签必须把音频文件转换为不同格式

    以下实例使用了不同格式的音频文件,HTML 5<audio> 元素会尝试以mp3ogg来播放音频,如果失败,代码将尝试<embed>元素

    <audio controls hetght="100" width="100">
    	<source src="bird.mp3" type="audio/mpeg">
        <source src="bird.ogg" type="audio/ogg">
        <embed height="50" width="50" src="bird.mp3">
    </audio>
    

    使用超链接

    <a href="bird.mp3">Play the sound</a>
    

    HTML 视频

    使用插件

    使用 <embed> 元素
    <embed width="100" heith="50" src="movie.mp4">
    
    使用 <object> 元素
    <object width="100" height="50" data="movie.mp4"></object>
    

    使用 <video> 元素

    • <video> 标签定义了一个视频或影片
    • <video> 标签在所有现代浏览器中都支持

    以下实例使用了不同格式的音频文件,HTML 5<video> 元素会尝试以mp4oggwebm来播放音频,如果失败,代码将尝试<embed>元素

    <video controls hetght="340" width="200">
    	<source src="movie.mp4" type="video/mp4">
        <source src="bird.ogg" type="video/ogg">
        <source hsrc="bird.webm" type="video/webm">
        <embed src="movie.swf" width="320" height="240">
    </video>
    

    使用超链接

    <a href="movie.mp4">Play a video file</a>
  • 相关阅读:
    SpringCloud源码解读
    深度剖析Dubbo源码
    十大经典排序算法
    详细介绍Spring 5的那些新特性与增强
    Spring4.x所有Maven依赖
    常见的接口与类 -- Comparable
    java序列化测试
    什么是Java序列化?为什么序列化?序列化有哪些方式?
    java堆、栈、堆栈的区别
    IntelliJ IDEA常用快捷键汇总
  • 原文地址:https://www.cnblogs.com/xdy-/p/13424631.html
Copyright © 2020-2023  润新知