Tag: html5

在twitter bootstrap 2.0.4中更改导航栏颜色

想知道是否有人知道如何在bootstrap v2.0.4中更改导航栏颜色 我试过这个解决scheme,它似乎并不工作: Twitter的Bootstrap导航栏颜色 任何其他解决scheme 我已经尝试过定制的引导程序包,但是我到目前为止已经进入开发阶段,我可以做一个这样的开关。 码: .navbar-inner { background-color: #2c2c2c; /* fallback color, place your own */ /* Gradients for modern browsers, replace as you see fit */ background-image: -moz-linear-gradient(top, #333333, #222222); background-image: -ms-linear-gradient(top, #333333, #222222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222)); background-image: -webkit-linear-gradient(top, #333333, #222222); background-image: -o-linear-gradient(top, #333333, #222222); background-image: linear-gradient(top, […]

Youtube的HTML5video播放器如何控制缓冲?

我正在观看YouTubevideo,并决定调查其video播放器的某些部分。 我注意到,与大多数HTML5video不同,Youtube的video播放器不会执行正常的video源,而是使用bloburl作为源。 以前我testing过HTML5video,我发现服务器从一开始就开始stream式传输整个video,并在后台缓冲整个video的其余部分。 这意味着如果你的video是300兆,所有300兆将被下载。 如果你寻求中间的话,它将开始从寻找位置一路下载到最后。 Youtube不能这样工作(至less在铬)。 相反,它设法控制缓冲,所以它只在暂停时缓冲一定量。 它也似乎只缓冲相关的部分,所以如果你跳过它将确保不缓冲不可能被观看的部分。 在我试图研究这是如何工作的,我注意到videosrc标签有一个blob:http%3A//www.youtube.com/ee625eee-2802-49b2-a13f-eb374d551d54的值blob:http%3A//www.youtube.com/ee625eee-2802-49b2-a13f-eb374d551d54 ,它指向我的blob ,然后导致我键入数组 。 使用这两种资源,我可以将mp4video加载到blob中,并将其显示在HTML5video标签中。 但是,我现在所坚持的是YouTube如何处理这些作品。 看着networkingstream量,它似乎发送请求到http://r6—sn-p5q7ynee.c.youtube.com/videoplayback它返回二进制video数据回1.1M块。 同样值得注意的是,由于HTML5video请求的大部分正常请求似乎在stream式传输过程中收到了206个响应代码,而YouTube的播放video呼叫又回到了200。 我试图尝试只加载一个字节范围(通过设置Range http头),不幸的是失败(我假设,因为没有与video来的video的元数据)。 在这一点上,我坚持搞清楚Youtube是如何完成这个的。 我想出了几个想法,尽pipe我没有完全卖出这些想法: 1)Youtube发送每个/videoplayback调用自我包含的video和audio块。 这似乎是上传方面的一个相当沉重的负担,似乎将它们拼接在一起,使它看起来像是一个无聊的video很难。 此外,video标签似乎认为这是一个完整的video,从调用$('video').duration和$('video').currentTime ,这使我相信video标签认为这是一个单一的video文件。 最后,vidoe src标签永远不会改变,这让我相信它是用一个单一的blob工作,而不是交换blob。 2)Youtube构build一个空的blob预先大小到完整的videoarrays,并下载它的块更新blob。 然后确保用户没有太接近最后下载的部分(以防止用户进入blob的未下载部分)。 我看到这个问题,我没有看到任何方式dynamic更新blob通过JavaScript(虽然也许我只是麻烦search它) 3)Youtube下载元数据,然后通过附加下载的video片段开始构buildblob。 我用这种方法看到的问题是我不明白它将如何处理后缓冲领域的寻求。 也许我只是在我面前丢失了一个明显的答案,任何人有什么想法? 编辑:我只是想到了第四个选项。 另一个想法是,他们可能会使用文件API将二进制块写入文件并使用该文件进行stream式处理。 文件API似乎有能力寻求特定的位置,因此可以让你填写一个空字节的video,并填写他们收到。 这绝对适用于videosearch。

HTML 5 <video>标签和networking摄像头集成的状态如何?

即使它看起来有些危险,开放video标准是一个好主意。 我看到一些关于运动跟踪的演示 – 只是概念validation,但是很有意思。 现在,我想说,如果能访问用户的networking摄像机,像这样的概念真的是一个收益…只要想象一下,用你的手在半空中浏览Flickr。 我已经Google了一下,但我找不到有关这个问题的任何详细的讨论。 这在有些地方被提到,但是这并没有让我走得很远。 有人知道是否计划支持这个计划吗? 如果是的话,什么时候预测什么时候? 😉 当然,我想他们不得不想出一个相当不错的安全模型。

AngularJS:如何将参数/函数传递给指令?

看看这个小提琴 ,我有什么要改变,模板中的expression式使用我在HTML中定义的参数进行评估? 保存button应该调用控制器的blabla()函数,因为我通过它? var myApp = angular.module('MyApp',[]) myApp.directive('editkeyvalue', function() { return { restrict: 'E', replace: true, scope: { accept: "expression" }, template : '<div><label class="control-label">{{key}}</label>' + '<label class="control-label">{{key}}</label>' + '<input type="text" ng-model="value" />'+ '<button type="button" x-ng-click="cancel()">CANCEL</button>' + '<button type="submit" x-ng-click="save()">SAVE</button></div>', controller: function($scope, $element, $attrs, $location) { $scope.save= function() { $scope.accept(); }; } } }); 我真的没有看到这一点。 […]

Youtubeembedded式video:自动播放function不工作在iPhone

我有一个YouTube的embedded式video链接在HTML5页面,我想自动播放 。 下面的代码在浏览器中工作,但在iphone中; 它不工作,需要额外的点击。 <iframe type="text/html" width="125" height="100" src="http://www.youtube.com/embed/d_g0251EfB8?autoplay=1" frameborder="0"></iframe> 该怎么办

服务器发送的事件与轮询

在HTML5 SSE和直接Ajax轮询之间,性能,浏览器实现可用性,服务器负载等方面有很大的不同吗? 从服务器端来看,似乎一个EventSource只是每隔3秒钟左右敲击指定的页面(尽pipe我明白时间是灵活的)。 当然,在客户端设置比设置一个定时器更简单,并且每$.get就要$.get ,但是还有其他的东西吗? 它是否发送更less的标题,或者做一些其他的魔法我失踪?

为什么要使用HTML5语义标签而不是div

为什么使用Html5的语义标签,如headers section nav article而不是简单的div与首选的css到它。 我创build了一个网页,并使用这些标签,但他们没有区别于div。 他们的主要目的是什么? 这只是为了使用它或更多的标签适当的名称? 请解释我已经经历了许多网站,但无法find这些基本知识。

iPhone上的本地存储限制?

我想知道什么是iPhone上的本地存储HTML 5的限制? 我读的是5MB,但我很惊讶。 有任何想法吗?

localStorage何时清除?

我可以期待多久的数据保存在localStorage。 一般用户的localStorage数据将持续多久? 如果用户没有清除它,它会持续到浏览器重新安装? 这在浏览器中是否一致?

HTML5是否允许拖放上传文件夹或文件夹树?

我还没有看到任何这样做的例子。 这是不允许的API规范? 我正在寻找一个简单的拖放解决scheme来上传整个文件夹的照片树。