找到 598 篇文章 关于前端脚本

使用 Websocket 进行数据二进制传输和 HTML5 解码

Nitya Raut
更新于 2019-07-30 22:30:22

716 次浏览

在客户端和服务器上使用 base64 编码/解码。所有支持 WebSockets 的 Web 浏览器都具有 window.atob(base64 解码)和 window.btoa(base64 编码)。WebSockets 服务器具有 base64 库。要传输二进制数据,您将使用包含在无 VNC 中的 wsproxy,这是一个基于 Web 的 VNC 客户端。wsproxy 是一个 WebSockets 到通用 TCP 套接字的代理。它对来自/到浏览器的所有流量进行 base64 编码/解码。使用它从支持 WebSockets 的浏览器连接到任何类型的 TCP 端口。

HTML5 和 Amazon S3 分段上传

Chandu yadav
更新于 2019-07-30 22:30:22

166 次浏览

是的,可以使用 HTML 5 文件 API 和 Amazon S3 分段上传功能。您将需要服务器备份以及 Amazon API 密钥。Amazon S3 是亚马逊网络服务提供的 Web 服务,通过 Web 服务接口提供存储。亚马逊于 2007 年推出 S3。使用 Amazon API 创建分段上传,并将“key”(文件名)和“upload id”发送回网页。对于分段上传,您需要使用“date”和“auth header”通过“part upload URL”将部分数据直接发送到 Amazon S3。

如何截取基于 HTML5-JavaScript 的视频播放器的快照?

Ankith Reddy
更新于 2020-06-25 07:42:59

697 次浏览

您可以尝试运行以下代码来截取基于 HTML5-JavaScript 的视频播放器的快照 -示例                                         快照                var video = document.querySelector('video');          var canvas = document.querySelector('canvas');          var context = canvas.getContext('2d');          var myWidth, myHeight, ratio;                    video.addEventListener('loadedmetadata', function() {             ratio = video.videoWidth/video.videoHeight;             myWidth = video.videoWidth-100;             myHeight = parseInt(w/ratio,10);             canvas.width = myWidth;             canvas.height = myHeight;          },false);          function snap() {             context.fillRect(0,0,myWidth,myHeight);             context.drawImage(video,0,0,myWidth,myHeight);          }          

用户可以禁用 HTML5 sessionStorage 吗?

Vrundesha Joshi
更新于 2020-06-25 07:43:47

1K+ 次浏览

是的,用户可以禁用 HTML5 sessionStorage。轻松防止浏览器接受 localStorage 和 sessionStorage。让我们看看 Web 浏览器的设置 -Firefox 在地址栏中键入“about config”并按回车键。这将显示内部浏览器设置。移动到“dom.storage.enabled”,您需要右键单击并切换以禁用 DOM 存储。在 Internet Explorer 中,您需要选择“附加组件”,“Internet 选项”,“高级”选项卡。现在转到“安全”并取消选中“启用 DOM 存储”Google Chrome 在 Google Chrome 中,您需要打开“选项”,然后选择“在引擎盖下”选项卡。单击“内容设置…”,然后选择“Cookie”,您需要设置 ... 阅读更多

HTML5 iframe srcdoc 的替代方案?

George John
更新于 2020-06-25 07:44:29

485 次浏览

HTML 标签用于创建内联框架。示例           HTML iframe 标签                   srcdoc 属性指定要在 iframe 中显示的页面的 HTML 内容srcdoc 属性的替代方法将是 -var doc = document.querySelector('#demo').contentWindow.document; var content = ''; doc.open('text/html', 'replace'); doc.write(content); doc.close();

在 HTML 画布上绘制线条宽度连续变化的线条

Arjun Thakur
更新于 2020-06-25 07:45:56

445 次浏览

要绘制线条宽度连续变化的线条,您可以尝试运行以下代码 -示例var context = document.getElementById('canvas1').getContext('2d'); var pts = [null, null, null, null]; for(var i=-1; i

如何在 KineticJS 管理的 HTML5 画布中监听 Keydown 事件?

Rishi Rathor
更新于 2020-06-25 07:45:02

92 次浏览

要监听 KeyDown 事件,请使用 -if(keyIsPressed && keycode == somenumber) {    doSomething(); }要捕获 KeyDown -var canvas1 = layer.getCanvas()._canvas; $(canvas1).attr('tabindex', 1); canvas1.focus(); $(canvas1).keydown(function (event) {    console.log(event); });

如何根据浏览器在 `window.URL.createObjectURL()` 和 `window.webkitURL.createObjectURL()` 之间进行选择?

Chandu yadav
更新于 2020-06-25 07:46:32

574 次浏览

要选择,您需要定义一个包装函数 -function display ( file ) {    if ( window.webkitURL ) {       return window.webkitURL.createObjectURL( file );    } else if ( window.URL && window.URL.createObjectURL ) {       return window.URL.display( file );    } else {    return null;    } }之后将其设置为跨浏览器 -var url = display( file );

如何播放 HTML

Nancy Den
更新于 2020-06-25 07:48:32

59 次浏览

要逐个播放 HTML 块,请首先使用以下 HTML -         以下是在逐个播放音频时需要执行的操作 -var one = document.getElementById('one'); one.onended = function() {    document.getElementById('two').play(); } one.play();

Geolocation HTML5 enableHighAccuracy 为 True、False 还是什么?

Ankith Reddy
更新于 2020-06-25 07:35:34

213 次浏览

对于 Geolocation enableHighAccuracy,您需要将其设置为 true -enableHighAccuracy: true如果您仍然无法获得结果,即处理超时错误,则再次尝试使用enableHighAccuracy: false以上将在 Android、Chrome 和 Firefox 上运行。

广告

© . All rights reserved.