小编Hug*_*ney的帖子

构建一个多步骤表单("向导").最初是按照本教程进行的,该教程效果很好,但我现在正在尝试对其进行调整,因此第一步嵌入在主页上,而不是一个单独的状态.无论我尝试什么,我都无法创造一条ui-sref可行的道路.我总是得到:

无法从州'家'解决'.where'

要么

无法从州'home'解析'wizard.where'

要么

无法从州'home'解析'wizard.where @'

...即使wizard.where@工作正常<div ui-view="wizard.where@"></div>.什么是正确的语法？

以下是相关文件:

home.js(左边的评论完好无损,所以你可以看到我正在尝试的各种方法):

var wizard = {
  url: '/home/wizard',
  controller: 'VendorsCtrl',
  templateUrl: 'vendors/wizard.tpl.html'
};

angular.module( 'myApp.home', [
  'ui.router',
  'ui.bootstrap',
  'myApp.modal',
  'angularMoment'
])

.config(function config( $stateProvider, $urlRouterProvider ) {
  $stateProvider
    .state( 'home', {
      url: '/home',
      views: {
        "main": {
          controller: 'HomeCtrl',
          templateUrl: 'home/home.tpl.html'
        },
        "jumbotron": {
          controller: 'HomeCtrl',
          templateUrl: 'home/welcome.tpl.html'
        },
        "wizard": wizard,
        "wizard.where": {
          url: '/home/wizard/where',
          controller: 'VendorsCtrl',
          templateUrl: 'vendors/wizard-where.tpl.html',
          parent: …

我正在尝试使用MediaSource API将单独的WebM视频附加到单个来源。

我发现一个Github项目正在尝试相同的事情，其中​​加载了WebM的播放列表，并且每个列表都附加为SourceBuffer。但这是一年前提交的，因此与当前规范不同步。因此，我将其分叉并更新为最新的API属性/方法，并进行了一些重组。现有的许多代码直接取自该规范的示例和Eric Bidelman的测试页。

但是，我无法使其按预期工作。我正在两种浏览器中进行测试，两种浏览器均在Mac OS X 10.9.2上进行测试：Chrome 35稳定版（在撰写本文时为最新），以及Firefox 30 beta（其标志media.mediasource.enabled设置为trueabout：config）（此功能将在以后才引入） FF 25，电流稳定值为24）。

这是我遇到的问题。

两种浏览器

最后，我希望视频是一个由11个WebM（00.webm，01.webm，...，10.webm）组成的长视频。目前，每个浏览器仅播放视频的1段。

铬

行为不一致。似乎不可能可靠地重现这些错误。

• 有时，视频是空白的，或者中间有一个黑色的高条，无法播放。
• 有时，视频会在01.webm的第一帧上加载和暂停。
• 有时，视频只会播放前三个片段，因此会播放02.webm的几帧并暂停。
• 播放按钮最初显示为灰色。
• 按下显示为灰色的“播放”按钮，将产生非常不一致的行为。有时，它会加载黑色的无法播放的视频。其他时候，它将播放第一个片段，然后，当您到达末尾时，它将停止，并且再次按下播放/暂停时，它将加载下一个片段。即使这样，它有时仍会跳过片段并卡在04.webm上。无论如何，即使控制台报告将遍历所有缓冲区，它也永远不会播放最后一段。

每次都是不一样的。我不能在这里全部列出。

已知警告：sourceBuffer.mode尽管目前不知道Chrome 可能会产生什么影响，但Chrome目前尚未实现。

火狐浏览器

1. 仅播放00.webm。总播放时间为0:08，即该视频的长度。
2. 视频搜索不起作用。（这可能是预期的行为，因为onSeeking事件处理程序中实际上没有发生任何事情。）
3. 完成后无法重新启动视频。

我最初的理论是，这与mediaSource.sourceBuffers[0].timestampOffset = duration和有关duration = mediaSource.duration。但我似乎无法得到任何东西mediaSource.duration，除了NaN，即使我追加新的细分市场。

在这里完全迷路了。指导非常感谢。

编辑：我注释掉的代码的持续时间部分，然mse_webm_remuxer从亚伦科尔韦尔的媒体来源扩展工具（感谢亚当哈特对所有视频的提示）。瞧，Chrome不再有无法预测的故障！但是，可惜的是，一旦媒体片段结束，它仍然会暂停，即使您按播放，它有时也会停留在一帧上。

在Firefox Beta中，它不会播放到第一段，而是响应：

TypeError：分配给SourceBuffer.timestampOffset的值不是有限的浮点值。

记录duration返回值NaN（但仅在FF中）。