H5-多媒体&地图定位

时间：2023-5-30 20:03 作者：yang 分类： H5阶段

1.video视频标签

<video width="400" height="300" controls >视频加载失败</video>

1.2 video标签的属性

属性名	作用
width	设置宽度，单位px
height	设置高度，单位px
src	设置视频静态资源路径
controls	设置是否使用默认控件，播放、暂停、进度条
autoplay	设置是否自动播放（不设置静音会被浏览器阻止播放）
muted	设置是否禁音
loop	设置是指是否循环播放
duration	获取视频总时长
currentTime	获取视频当前时长

方法名	作用
play()	播放视频
pause()	暂停视频

事件名	作用
play	播放时触发
pause	暂停时触发
ended	播放结束时触发

2.audio音频标签

基本同video
注意：音频标签设置静音后也无法播放！！！

3.百度地图API开发者申请&获取ak

    1.百度搜索，百度地图API，https://lbsyun.baidu.com
    2.右上角点击登录选择注册，注册一个百度账号
    3.在平台登录后，选择上方菜单栏 => 控制台
    4.控制台左侧边栏 => 个人中心 => 开发者认证 => 申请个人开发者
    5.控制台左侧边栏 => 应用管理 => 我的应用 => 创建应用
    6.应用名称 => 应用类型（浏览器端）=> 白名单（*）=> 提交
    7.获取ak....

4.高德地图API获取ak

    1.百度搜索 => 高德地图API，https://console.amap.com
    2.右上角登录获注册
    3.在平台登录后，选择上访菜单栏 => 控制台
    4.控制台左侧边栏 => 应用管理 => 我的应用
    5.创建应用 => 应用名称 => 行业（其他）
    6.添加 => key名称 => Web端口 => 提交
    7.获取ak 
      密钥

5.百度坐标拾取器

    1.百度搜索 => 百度坐标拾取 https://api.map.baidu.com/lbsapi/getpoint/index.html
    注意：高德地图API必须要使用高德坐标拾取！！！

标签: H5-多媒体&地图定位

扫描二维码，在手机上阅读