zoukankan      html  css  js  c++  java
  • HTML常用API(位置信息、音频视频)

    感谢:链接(讲解的很详细)


    位置信息

    1、代码:

    <script type="text/javascript">
    	navigator.geolocation.getCurrentPosition(function (position) {
    	  document.innerHTML += "经度" + position.coords.longitude+'<br/>';
    	  document.body.innerHTML += "纬度" + position.coords.latitude+'<br/>';
    	  document.body.innerHTML += "准确度" + position.coords.accuracy+'<br/>';
    	  document.body.innerHTML += "海拔" + position.coords.altitudev+'<br/>';
    	  document.body.innerHTML += "海拔准确度" + position.coords.altitudeAcuracy+'<br/>';
    	  document.body.innerHTML += "行进方向" + position.coords.heading+'<br/>';
    	  document.body.innerHTML += "地面速度" + position.coords.speed+'<br/>';
    	  document.body.innerHTML += "请求的时间" + new Date(position.timestamp)+'<br/>';
    	});
    </script>

    2、运行截图:(chrome浏览器禁用了位置服务,IE实现的

    音频、视频

    可能都用过flash,但现在比较落后了,并不再提供更新,HTML5的音视频的API也能代替该功能

    1、代码:

    <video src='1.mp4' controls="controls"></video> //src为视频地址

    2、运行截图:

  • 相关阅读:
    input中的disabled 和 readonly的区别
    pwa-serviceWorker与页面通信postMessage
    PWA之push服务
    vue+typescript入门学习
    基于node 搭建http2服务
    阻止默认行为是配合passive使用
    正则表达式exec方法的陷阱
    serviceWorker-资料参考
    MVC的增删改和Razor
    MVC基础
  • 原文地址:https://www.cnblogs.com/ldu-xingjiahui/p/12594047.html
Copyright © 2011-2022 走看看