-
1 votes2 answers445 views
更改移动设备的HTML5视频源
应该是一个容易回答的人希望,我正在制作的网站有我不想在手机上加载的视频 . 想知道是否有办法将小于800px宽度的屏幕的每个视频的来源更改为1kb的视频,但在桌面上它会播放完整的视频, 我不打算降低移动用户的质量,移动用户根本不会看到视频,因为它们被图像替换以节省数据 . 我想阻止视频在移动用户的后台加载,因为我不希望他们下载未包含在他们的网站版本中的视频,如果我无法阻止它们加载到800px以下那... -
8 votes2 answers1786 views
读取和base64编码二进制文件
我'm trying to read a binary file from the filesystem and then base64 encode it in JavaScript. I'使用FileReader API读取数据并找到base64编码器here . 我的代码似乎接近工作,问题是生成的base64数据是错误的 . 这是我到目前为止所得到的: function saveResour... -
2 votes1 answers883 views
通过Kinetic.js Text元素中的字符串索引获取字/字符屏幕位置
Input: 一些包含常规单词和特殊单词/ char的文本用#分隔 . 字体和fontSize是常量,让我们说Arial 14没有任何样式 . 例如: Lorem ipsum dolor#sit#amet,consectetur adipisicing elit,sed do eiusmod tempor incididunt ut labore#et#dolore magna aliqua .... -
1 votes1 answers771 views
为什么Materialize CSS表单没有包含在框中?
如何在Materialise CSS中的Bootstrap 4 http://v4-alpha.getbootstrap.com/components/forms/中创建一个表单 . 以下只显示输入字段的下划线而不是包含框? <input placeholder="Placeholder" id="first_name" type="text... -
1 votes1 answers651 views
自动增加div高度(100%父级),留下顶部和底部边距?
http://jsfiddle.net/YumHS/ 在jsfiddle中给出的页面中是cont div中的侧边栏 . <section class="cont"> <div class="sidebar"> <ul> ... -
2 votes3 answers758 views
如何在组件选择器上添加disable属性?
我想禁用按钮 . 但按钮是角度分量 . 并且Html5禁用属性不能在组件选择器上工作 . 我尝试添加这样但不起作用: [attr.disabled]="isOpenModal 按钮Html代码: <add-new-button [attr.disabled]="isOpenModal" (click)="openMo... -
191 votes9 answers673 views
实时HTTP流式传输到HTML5视频客户端的最佳方法
我真的很难理解使用node.js将ffmpeg的实时输出流式传输到HTML5客户端的最佳方法,因为有很多变量在起作用,我在这个领域没有很多经验,花了很多时间尝试不同的组合 . 我的用例是: 1)IP视频摄像机RTSP H.264流由FFMPEG拾取并使用节点中的以下FFMPEG设置重新转换为mp4容器,输出到STDOUT . 这仅在初始客户端连接上运行,因此部分内容请求不会再次尝试生成FFMPEG... -
2 votes1 answers1328 views
XHTML5命名空间......是最终标准还是需要W3C更新?
new 2014's XHTML recomendation say about namespaces, HTML命名空间是:http://www.w3.org/1999/xhtml 所以,一个好的做法是在 XHTML5 文件的根标签中添加属性 xmlns , <html xmlns="http://www.w3.org/1999/xhtml">...</... -
0 votes1 answers481 views
Img src属性和页面性能
我的aspx页面中有两个img标签,如下所示 . <img src="../Images/icon1.png" class="img-style" alt="Icon" /> <img src="../Images/icon1.png" class="img-style" alt=... -
1 votes1 answers189 views
HTML5我可以将<img>与<source>一起使用
我想知道我是否可以像 <video> 一样使用标签 <img> . 当我想在我的网站上添加视频时,我使用: <video> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type=&qu... -
0 votes0 answers371 views
youtube嵌入播放器在Firefox中显示html5 3D视频
视频显示正常的镀铬 . 在过渡到YouTube Channels 观看 - 也是唯一的问题firefox 40.0.2 . 屏幕截图https://yadi.sk/i/NUlpn8BTidhFv此http://beoff.ru/?p=74680和其他一些页面中的问题 . 嵌入这样的查询: http://www.youtube.com/embed/<?php echo $ tubes?>... -
1 votes0 answers1730 views
在firefox上的iframe中复制HTML5视频
我有一个非常奇怪的问题,只出现在Mozilla Firefox 40.0.3上(适用于Chrome) . 我的系统是Ubuntu 15.04 . 插入 iframe 的Youtube视频是重复的,而在Youtube网站上则正确显示 . 我们在这个页面上有多个视频 - 所有插入方式都相同 - 只有少数几个被打破 . <iframe allowfullscreen="" sr... -
2 votes3 answers92 views
如何在滚动页面时禁用画布元素以劫持鼠标滚轮?
在HTML5中(我认为?),当鼠标悬停在页面上时,页面上的Canvas元素将中断滚动 . 我使用Chart.js生成了一个页面,它上面有许多图形,所有图形都在一个元素中呈现 . 由于页面非常长(垂直),因此用户通常会向上/向下滚动页面以查看各种图形 . 每次他们滚动到a,他们必须鼠标滚出来继续滚动,这是不方便的 . 有没有办法覆盖canvas元素对鼠标滚轮事件的控制?我没有与鼠标滚轮相关的功能 .... -
-3 votes3 answers612 views
删除HTML5中的边距
我无法删除上,下,左和右frmo标签的边距 . 我究竟做错了什么? HTML5 您可以访问以下地址中的代码:http://www.demo31.com/validacion/personal CSS @CHARSET "utf-8"; /* Makeshift CSS Reset */ *{ margin: 0 auto; ... -
2 votes2 answers866 views
CSS position:fixed适用于 Headers ,但不适用于页脚
CSS #notificationContainer { background-color: #fff; border: 1px solid rgba(100, 100, 100, .4); -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25); overflow-y:auto; position:absolute... -
89 votes10 answers734 views
Internet Explorer 11通过元标记禁用“在兼容性视图中显示Intranet站点”
我已经在Intranet网站上工作超过6个月我使用下面的html5 doctype 和边缘兼容性元标记来强制Internet Explorer不能模拟旧的浏览器版本,这已经运行正常 . <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"... -
0 votes2 answers59 views
当IE9呈现网站时,默认设置“IE9兼容性视图”模式
我使用JSP和JQuery 1.11.2在Google App Engine上开发了一个网站 . 以下标记添加到每个jsp的Head部分 . <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 客户端必须使用IE9才能查看此站点 . 此外,javascript代码仅适用于“IE9兼容性视... -
2 votes1 answers1692 views
内联SVG应该如何
我希望能够使用css或jquery来设置/更改svg的各个部分/路径 经过一番搜索,我意识到这不能用svg-xml来实现(不使用额外的js / jquery脚本或其他) 所以现在我会去内联svg 整个标签应该是什么样的?我的意思是正确的标记 这就是我所拥有的: <svg width="200" height="200" version="1.... -
1 votes1 answers280 views
android Hybrid应用程序与数据库的脱机连接
我正在尝试将Web应用程序转换为android,即混合应用程序,并希望访问数据库 . 我正在使用Html5,css和JavaScript来开发混合应用程序 . 现在,我想连接到手机本地存在的sqlite3数据库,没有互联网连接,即通过离线 . 任何人请帮助我如何通过互联网连接(OFFLINE)将此应用程序连接到数据库 . 我检查了node.js它显示了如何连接到外部服务器而不是内部 . 如果我得到... -
0 votes1 answers1513 views
移动HTML5应用程序的会话管理
我正在使用前端的html5,javascript和jquery以及后端的PHP工作 . 我将所有数据以json的形式返回到前端 . 我必须使用phonegap将整个前端移植到Android应用程序 我面临的问题是:在Web环境中,cookie使用PHP自动存储在客户端,这有助于管理会话 . 如何在我的phonegap应用程序中管理会话?我可以像在网站上一样存储cookie吗?如果是,那怎么样?如果... -
0 votes2 answers1326 views
移动设备作为数据库服务器
是否有可能一个移动设备充当同一网络中其他设备(客户端)的数据库服务器 . 我知道有很多嵌入式移动数据库,如sqllite,couchdb lite,pouch db等,但它们是为了与远程服务器同步,并作为单个移动设备的独立数据库 . 我想制作非常简单的混合离线移动应用程序,它应该可以在没有互联网的情况下工作但是应该具有在同一个wifi网络中的两个或更多设备之间共享数据 -
0 votes3 answers808 views
使用Svg绘制形状,然后使用缓动/弹性等动画
我试图找出在我的网站上动画图形元素的最佳方法 . 我看过html5画布,但看起来SVG是最合适的 . 我会解释事情应该如何运作,也许你们可以发表意见 . 在页面上,当用户选择箭头时,我想让我的产品滑入和滑出,一次只有一个产品在中心 . 当图像滑入和滑出时,我想要某种缓和 . SVG有不同的动画风格,如弹性等......?或者我应该使用jquery动画? 接下来,每个产品将具有将包含在形状中的描述... -
2 votes2 answers1406 views
KineticJS是否有SVG的库支持?
我一直在寻找FabricJS和KineticJS作为我正在进行的项目的潜在解决方案,并且像FabricJS对SVG的库级支持一样 . 然而,它缺乏缩放和平移功能让我想要更多 . 出于这个原因,我开始(再次)在KineticJS上寻找 . 我在KineticJS文档中没有看到有关SVG支持的内容,我想知道是否有人可以告诉我KineticJS是否支持渲染SVG图像作为其框架的一部分 . 我假设就Kin... -
28 votes5 answers295 views
WebGL或Canvas是获得SVG关键帧动画硬件加速的唯一方法吗?
我正在寻找的是使用html5的手机闪存替代品 . 我正在研究SVG,看来获得硬件加速的唯一方法就是使用CSS转换 . 但CSS转换是不够的,我想动画构成矢量的实际节点(即路径上的点),这样我就可以得到更复杂的角色动画 . 为此,我正在寻找一些基于gui的编辑 . 我检查了adobe一直在做什么,他们似乎杀死了Edge Animate并将Flash重新命名为2016年的“Animate CC” . ... -
1 votes0 answers1719 views
SVG keySplines动画问题/ bug
在keySplines的情况下,似乎存在关于SVG动画的问题 . 我正在使用谷歌浏览器v46.0 svg代码, <svg xmlns="http://www.w3.org/2000/svg" width="1000" height="1000" viewBox="0 0 1000 1000" style=&quo... -
2 votes1 answers1258 views
SVG>从中间动画宽度
我在SVG中有一个我想要动画的徽标 . 有一个中间部分将保持固定,但侧面笔划实际上会扩展并绕过整个事物 . 实际上有我想要做的事情和例子: <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w... -
278 votes1 answers1927 views
哪些浏览器支持HTML5 WebSocket API?
我将开发一个在浏览器中运行的即时消息应用程序 . 哪些浏览器支持WebSocket API? -
822 votes3 answers1965 views
使用HTML5 / Canvas / JavaScript获取浏览器屏幕截图
Google的“报告错误”或“反馈工具”可让您选择浏览器窗口的某个区域,以创建提交的屏幕截图,其中包含有关错误的反馈 . 截图Jason Small,发表在一个重复的问题 . 他们是怎么做到的? Google的JavaScript反馈API从here加载,their overview of the feedback module将演示屏幕截图功能 . -
105 votes14 answers278 views
更改html5视频标记上的源代码
我正在尝试构建一个适用于任何地方的视频播放器 . 到目前为止,我会去: <video> <source src="video.mp4"></source> <source src="video.ogv"></source> <object data="flow... -
10 votes5 answers279 views
加载HTML5视频时如何制作加载图片?
因为视频播放器需要时间来加载mp4视频 . HTML5是否支持在加载视频时播放“加载”徽标? 因为我的asp.net应用程序是一个移动页面,它需要用户点击视频才能播放视频(android,iphone不支持自动播放) . 所以我不能把“加载”标识作为海报,否则,用户会对此感到困惑 . 我想在用户点击iPad上的播放按钮时显示加载徽标 . 谢谢 乔