小编rob*_*rtc的帖子

如何以编程方式将多个源添加到HTML5音频标签?

许多示例演示了嵌套在音频标记中的多个源标记,作为克服不同浏览器之间编解码器兼容性的方法.像这样的东西 -

<audio controls="controls">
  <source src="song.ogg" type="audio/ogg" />
  <source src="song.mp3" type="audio/mpeg" />
  Your browser does not support the audio element.
</audio>
Run Code Online (Sandbox Code Playgroud)

使用JavaScript时,我也可以创建像这样的音频元素 -

var new_audio = document.createElement("audio");
Run Code Online (Sandbox Code Playgroud)

我可以在哪里设置其来源.src-new_audio.src="....";

我没能找到如何通过JavaScript在音频元素中添加多个源,类似于HTML片段中显示的源标签.

我是否操纵new_audio并在其中添加<source...标签,就像操纵任何其他DOM元素一样?我现在正在这样做,它的工作原理是 -

new_audio.innerHTML = "<source src='audio/song.ogg' type='audio/ogg' />";
new_audio.play();
Run Code Online (Sandbox Code Playgroud)

我想知道是否有更合适的方法呢?

javascript html5 html5-audio

33
推荐指数
2
解决办法
2万
查看次数

html 5音频标签宽度

我想知道是否可以设置音频标签的宽度.默认情况下,它不是受支持的功能,因此"hacks"将被愉快地接受.
我已经尝试过将它们放在小桌子和桌子上,但这看起来并不是很顺利......据我所见,我是唯一一个为此烦恼的人,但我真的很感激一些帮助

不需要跨平台/浏览器支持; 只要FireFox(3.6 ++)支持它我就开心了.

关于我将要使用的快速示例:

<audio preload="auto" id="id12" controls="controls" onended="func12();" src="http://192.168.1.68/mymusic.wav"></audio>
Run Code Online (Sandbox Code Playgroud)

layout html5 html5-audio

28
推荐指数
2
解决办法
10万
查看次数

checkValidity更新UI

当我们尝试提交HTML5表单时,如果一个或多个必填字段缺少值或发生其他一些错误(类型或长度不匹配),则会阻止表单提交.使用突出显示的无效字段更新UI,并聚焦第一个无效字段.此外,还有一个气球/气泡附加到第一个无效字段,并带有错误消息.

现在,如果它是一个Ajax表单,我们在调度Ajax调用之前调用myForm.checkValidity()来确认错误.但是在调用checkValidity()时,它不会影响突出显示无效字段并附加气泡的UI.

有没有办法调用浏览器的本机行为进行验证,因此我们可以看到气球以及突出显示和聚焦的无效字段?

javascript validation html5 css3

15
推荐指数
2
解决办法
4081
查看次数

如何在拉斐尔的路径上实现"甜甜圈洞"

我想绘制一个有孔的形状,这样我就可以fill塑造它而不会让孔充满那种颜色(让它们保持透明).

根据W3路径规范:

复合路径(即,具有多个子路径的路径)可以允许诸如对象中的"环形孔"之类的效果.

有人可以举一个非常简单的例子说明如何在拉斐尔用矢量路径执行此操作吗?

非常感谢.

svg vector path raphael

13
推荐指数
1
解决办法
7531
查看次数

html5音频标签是否非正式地包含.mid(MIDI)?

很明显,html5音频标签正式用于ogg格式.

html5音频标签是否非正式地包含.mid(MIDI)?

midi html5 ogg html5-audio

10
推荐指数
2
解决办法
1万
查看次数

音频标签在IE9中不起作用

我正在试验音频标签.

以下文件适用于Google Chrome,但不适用于IE9.我总是得到"不支持音频标签".我也试过wav,flac,wma - >同样的结果.

我怀疑可比性模式可能存在一些问题,但我找不到改变它的位置.

有人可以帮忙吗?亲切的问候乔治

<html>
  <head>
  </head>
  <body>
    <audio controls="controls" src="c:\concerto.mp3" >
       audio tag not supported.
    </audio>            
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

html5 html5-audio internet-explorer-9

8
推荐指数
1
解决办法
3万
查看次数

IE_B的App_Browsers定义文件

这是Windows 8.1上IE 11的用户代理(预览版)

 Mozilla/5.0 (Windows NT 6.3; WOW64; Trident/7.0; Touch; rv:11.0) like Gecko
Run Code Online (Sandbox Code Playgroud)

我正在寻找我的应用程序中的App_Browsers文件夹或.c:\ Windows\Microsoft.NET\Framework64\v4.0.30319\Config\Browsers的.browser文件,以正确检测IE11.

由于用户代理从包含"MSIE"(例如此IE10用户代理)更改

 Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0; Touch)
Run Code Online (Sandbox Code Playgroud)

我尝试了大约100种变化但没有成功.

iis user-agent internet-explorer-11

8
推荐指数
2
解决办法
2万
查看次数

使用配置更改默认的SqlCommand CommandTimeout而不是重新编译?

我支持ASP.Net 3.5 Web应用程序,用户在尝试运行报告30秒后遇到超时错误.看看网络似乎很容易改变代码中的超时,遗憾的是我无法访问代码并重新编译.无论如何要为Web应用程序,工作进程,IIS或整个机器配置默认值?

这是堆栈跟踪直到它在System.Data中的位置,以防我错过了一些其他问题:

[SqlException (0x80131904): Timeout expired.  The timeout period elapsed prior to completion of the operation or the server is not responding.]
  System.Data.SqlClient.SqlConnection.OnError(SqlException exception, Boolean breakConnection) +1948826
  System.Data.SqlClient.SqlInternalConnection.OnError(SqlException exception, Boolean breakConnection) +4844747
  System.Data.SqlClient.TdsParser.ThrowExceptionAndWarning(TdsParserStateObject stateObj) +194
  System.Data.SqlClient.TdsParser.Run(RunBehavior runBehavior, SqlCommand cmdHandler, SqlDataReader dataStream, BulkCopySimpleResultSet bulkCopyHandler, TdsParserStateObject stateObj) +2392
  System.Data.SqlClient.SqlDataReader.ConsumeMetaData() +33
  System.Data.SqlClient.SqlDataReader.get_MetaData() +83
  System.Data.SqlClient.SqlCommand.FinishExecuteReader(SqlDataReader ds, RunBehavior runBehavior, String resetOptionsString) +297
  System.Data.SqlClient.SqlCommand.RunExecuteReaderTds(CommandBehavior cmdBehavior, RunBehavior runBehavior, Boolean returnStream, Boolean async) +954
  System.Data.SqlClient.SqlCommand.RunExecuteReader(CommandBehavior cmdBehavior, RunBehavior runBehavior, Boolean returnStream, String method, DbAsyncResult result) +162
  System.Data.SqlClient.SqlCommand.RunExecuteReader(CommandBehavior …
Run Code Online (Sandbox Code Playgroud)

asp.net iis-6 sql-server-2005 windows-server-2003 .net-3.5

6
推荐指数
1
解决办法
3万
查看次数

HTMl + SVG + JavaScript:在运行时更改文本?

我即将将一些基于Flash的应用程序迁移到HTML + JavaScript + SVG(单个目标渲染引擎是Webkit).

我是SVG的新手,我想知道我是否可以使用SVG作为模板图像来填充屏幕,并从嵌入在HTML页面中的JavaScript代码中动态更改包含的文本.

我想要做的是:在Inkscape中绘制页面的基本结构(带有一些图形和文本占位符),然后在HTML页面中显示SVG并通过JavaScript填充文本占位符.

得到同样的结果通过显示在背景中的静态SVG图像并将其放置在它上面的一些绝对定位的DIV来显示文本,但我想从内Inkscape的设计文本标签的位置,大小和样式.

可以这样做吗?怎么样?

我正在使用Prototype框架,而不是JQuery.

javascript svg inkscape prototypejs

5
推荐指数
2
解决办法
2万
查看次数

在缓存清单文件HTML5的FALLBACK部分中使用通配符

如何创建启用脱机的Web应用程序,以便在用户访问hxxp:// mywebsite /并且脱机时显示hxxp:// mywebsite/offline /.[我的网站上有大约100个不同的动态页面,因此我无法在缓存清单文件中对所有这些页面进行硬编码]

html5 offline web-applications application-cache

3
推荐指数
2
解决办法
4569
查看次数

是否可以在svg标签内使用插入img:在伪CSS选择器之后?

我有一系列<circle>通过算法动态定位<svg>.我想在每个圆圈旁边添加一个图标,我正试图通过:

.node:after {
      content:url(/img/icon.png);
}
Run Code Online (Sandbox Code Playgroud)

选择器是正确的,因为我在Firebug中看到它但没有图标显示.我想做一些不可能的事吗?为什么我不在某处看到我的图标?

额外的问题:是否可以将此图标相对于圆形元素的中心定位.

html5 svg css3

3
推荐指数
1
解决办法
740
查看次数

如何使用Nustache渲染对象集合?

我正在尝试使用Nustache,以便我可以在ASP.Net Web应用程序中的后端和前端代码之间共享渲染模板.当我将一个对象传递给一个模板时,它工作正常,但我无法弄清楚如何让它渲染一个集合.所以,如果我有这样的模板:

{{#RenderItems}}
  <th data-warning="{{WarningLevel}}" data-limit="{{LimitLevel}}">{{TotalHours}}</th>
{{/RenderItems}}
Run Code Online (Sandbox Code Playgroud)

然后我想传入一组对象并获取一组th元素.

我试过的事情:

  • 创建一类的属性WarningLevel,LimitLevel并且TotalHours,将对象添加到一个List,并直接传递的是:Nustache.Core.Render.FileToString(System.Web.HttpContext.Current.Server.MapPath("my.template"), ListOfObjects)
  • 做同样的事情,除了创建一个匿名类: Nustache.Core.Render.FileToString(System.Web.HttpContext.Current.Server.MapPath("my.template"), new { RenderItems = ListOfObjects})
  • 而不是列表,使用Dictionary包含相同的对象
  • 使用词典字典 - 所以每个项目本身就是一个具有上述属性的字典

它呈现任何东西的唯一方法是,如果我使用匿名类,但无论我做什么,我都无法使用命名项填充模板.我确定我在这里遗漏了一些相当明显的东西,因为我认为这应该是直截了当的,但文档中说"查看代码和测试"但我无法确定哪个测试实际上是在处理这种情况.有人可以指出我正确的方向,或提供一些示例代码?

c# asp.net mustache

0
推荐指数
1
解决办法
7003
查看次数