小编sha*_*ton的帖子

为什么webkit浏览器需要在播放之前下载整个html5视频(mp4)?

从Chrome/Safari(最新版和Chrome Canary版)开始播放HTML5视频需要相当长的时间.在播放开始之前,似乎需要下载整个视频文件.

在Firefox 18.0.2(HTML5)和IE 8,9,10(Flash)中,播放几乎是即时的.

在Chrome中,我在使用时看到了这个问题:

我发现在Chrome中打开本地mp4(h264)文件需要花费很长时间才能加载:开发人员网络工具显示视频正在加载/挂起,大文件需要10-15秒.

供参考,这是一段视频:http: //mediaelementjs.com/

在播放开始之前下载完整的视频文件(5MB).对于这个小视频来说并不是那么糟糕,但是对于大文件来说却相当痛苦.

我有两个问题:

  • Webkit是否支持渐进式下载/回放?
  • 如果没有,是否有一个已知的解决方法?

谢谢

html5 google-chrome html5-video

11
推荐指数
1
解决办法
3976
查看次数

ng-if/ng-repeat是否可以模数?

使用Angular ng-repeat,我试图创建一个<div>每个3 秒的旋转木马<li>.我可以轻松地创建它每个幻灯片1 div但无法设法得到3.使用js,我通常使用模数(%)来确定索引是否可以被3整除,然后打开/关闭li那里.

这可能与Angular有关吗?

这就是我所拥有的(每张幻灯片1项):

<ul carousel class="carousel">
  <li class="slide" ng-repeat="item in item.list.items" ng-init="itemIndex = $index">
    <div class="item">{{item}}</div>
  </li>
</ul>
Run Code Online (Sandbox Code Playgroud)

这就是我想要实现的目标(每张幻灯片3件):

<ul class="carousel">

  <!-- slide 1, with 3 items -->
  <li class="slide">
    <div class="item">Item 1</div>
    <div class="item">Item 2</div>
    <div class="item">Item 3</div>
  </li>

  <!-- slide 2, with 3 items -->
  <li class="slide">
    <div class="item">Item 4</div>
    <div class="item">Item 5</div>
    <div class="item">Item 6</div>
  </li>

  <!-- and so on... -->
</ul>
Run Code Online (Sandbox Code Playgroud)

编辑

这个问题被isherwood标记为重复.问题非常清楚地询问在ng-if中使用模数,而不是控制器.建议的副本很接近,但是Betty St使用代码示例和链接回答了下面的确切问题.谢谢贝蒂!

javascript angularjs

7
推荐指数
1
解决办法
6855
查看次数

使用fetch.js启用gzip压缩

我正在使用fetch.js(https://github.com/github/fetch)将相对较大的json对象发送到后端。json很大,因为它包含SVG图片字符串。

我不清楚默认情况下fetch.js是否使用gzip压缩,或者是否需要手动压缩并添加标头。任何帮助,将不胜感激。

return new Promise((resolve, reject) => { fetch(api_base + "/api/save-photo", { method: 'POST', mode : 'cors', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(payload) }) .then((response) => { if (response.status === 404) { throw new Error('404 (Not Found)'); } else { return response.json().then((json) => { console.log('save poster response: ', json); return json; }); } })

javascript json gzip fetch

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

标签 统计

javascript ×2

angularjs ×1

fetch ×1

google-chrome ×1

gzip ×1

html5 ×1

html5-video ×1

json ×1