HTML基础学习04_video、audio、滚动视图

一、滚动效果

网页的多媒体元素包括动态文字、动态图形、声音、以及动画等，其中最简单的是添加一些滚动效果 marquee进行标记

使用marquee标记 不仅可以移动文字，也可以移动图片、表格等

   <marquee behavior="" direction="" scrollamount="10"  scrolldelay="300">
   内容
    </marquee>

• behavior 滚动方式
  • Scroll 循环滚动 默认
  • Slide 只滚动一次就停止
  • Alternate 来回交替进行滚动 正滚 倒着滚
• direction 滚动方向
  • up
  • down
  • left
  • Right
• scrollamount 滚动速度 值越小越慢 值越大越快 设置每次滚动移动的长度，以像素为单位
• scrolldelay 滚动延迟 设置滚动的时间间隔 单位毫秒 ，时间设置比较长 ，会产生走走停停的效果‘
• loop 滚动循环 loop 如果希望滚动几次后停止 可以使用loop设置滚动次数
• hspace、vspace 空间空白

二、 多媒体文件

1.视频 video controls 播放按钮操作面板

       <video src="http://vd3.bdstatic.com/mda-mm5g7awn5hiyiati/360p/h264/1638790021625766134/mda-mm5g7awn5hiyiati.mp4" controls="controls"></video>

• Src

• Preload 是否预加载

  • none:当页面加载后不载入视频

  • Metadata ：当页面加载后载入元数据

  • auto:当页面加载后载入整个视频

• Autoplay 是否自动播放

• loop 视频结束后是否重新开始播放

1. 音频 audio controls控制版 如果不包含controls 属性 则 audio播放器不会出现在页面上

           <audio src="http://vd3.bdstatic.com/mda-mm5g7awn5hiyiati/360p/h264/1638790021625766134/mda-mm5g7awn5hiyiati.mp4" controls="controls"></audio>
   
   

三、地理位置

常见的地理位置定位方法：

• 通过IP定位 ：面向公众网络的IP地址及经度（longitude）/纬度latitude
• GPS :全球定位系统 （Global Positioning System) GPS是由24颗地球轨道卫星组成的系统。GPS设备向这些卫星发送一条消息，利用发送和接收该消息的时间，就可以以数米半径的经度，确定信息发送者的经纬度
• 蜂窝电话基站位置定位：根据蜂窝电话基站的位置进行三角定位；

四、 画布 canvas

画布是一个矩形区域，