【问题标题】:Convert JWPlayer 5 to JWPlayer 6 flash(flv) and HTML(mp4) format videos将 JWPlayer 5 转换为 JWPlayer 6 flash(flv) 和 HTML(mp4) 格式的视频
【发布时间】:2015-05-22 23:11:32
【问题描述】:

我想让每个人都会看 flash(flv) 格式,如果他们没有 flash,他们会看到 html5(mp4/m4v) 视频。

我使用的是 JWPlayer 5,但由于一些错误,我需要将其更改为 JWPlayer 6。

   jwplayer('mediaplayer').setup({
    'flashplayer': 'http://www.domain.com/jwplayer/player.swf',
    'id': 'playerID',
    'autostart': 'false',
    'image': 'http://domain-images.s3.amazonaws.com/domain/picture.png', 
    'autostart': 'false',
    'controlbar': 'bottom',
    'width': '640',
    'height': '<?php /*echo $video_player_height;*/ ?>',
    'dock': 'false',
    'stretching': 'fill',
    'icons': 'false',
    'mute': 'false',    
    'volume': '100',            
    'quality': 'false',
    'modes': [
        { type: 'flash', 
          src: 'http://www.domain.com/jwplayer/player.swf', 
          config: {
          'file': '<?php /*echo $media_files[$id]['video']*/ ?>.flv',
          'provider': 'video'
            } 
        },
        { type: 'html5',
          config: {
          'file': '<?php /*echo $media_files[$id]['video']*/ ?>.mp4',
          'provider': 'video'
          }
        },
        { type: 'download',
          config: {
          'file': '<?php /*echo $media_files[$id]['video']*/ ?>.mp4', 
          'provider': 'video'
          }
        }  
    ]
});

一切都很好,但我没有找到如何在 JWPlayer 中制作相同的东西。似乎我已经阅读了所有文档,但是如果我使用的是 RTMP 或 HLS 协议,则没有找到预期的方式。

【问题讨论】:

  • 为什么不提供 MP4?除了在 WinXP 上的 IE8 和 Firefox 之外,这将在每个平台/浏览器上以 HTML5 模式查看,这将退回到显示带有 Flash 的 MP4。永远都不需要 FLV。这是一种过时的格式。
  • 我们有大约 5% 的访问者使用
  • MP4 在 IE8 及更低版本中也可以在 Flash 中使用,因为 Flash 9...
  • 好的。但我仍然想为 flash (.flv) 主要格式做后备,如果它不能使用 HTML5(.mp4) 文件,因为 .mp4 格式文件的加载时间明显长于 .flv 格式文件。
  • 假设您将 moov atom 放在正确的位置,FLV 和转换为 MP4 的相同内容之间应该没有加载时间差异。如果您看到差异,则您的 MP4 可能没有正确编码。

标签: javascript flash mp4 jwplayer flv


【解决方案1】:

只提供一个 MP4 和一个简单的设置:http://misterneutron.com/JW6video/

使用现代浏览器的访问者将看到使用原生 HTML5 播放的 MP4。使用旧浏览器(如 IE8 和更早版本)的访问者将看到使用 Flash 播放的 MP4。将为使用旧版浏览器但未安装 Flash 的访问者提供下载。

JW Player 脚本会自动为您处理所有这些。您不需要提供多种格式,也不需要任何类型的“模式”属性(JW6 中不存在)。

为确保您的 MP4 正确流式传输,moov atom 必须位于文件的开头 - 如果不是,则必须在开始播放之前下载整个文件。如果它在正确的位置,播放器将只需要文件的前几秒钟即可开始播放。

要将其他格式转换为 MP4,请使用 Handbrakehttp://handbrake.fr/。采用默认选项,但还要检查 Web 优化。如果您使用的是 ffmpeg,请使用 -movflags faststart 属性。如果您的 MP4 末尾有 moov atom,而您只想移动它,请使用 MP4 FastStart,它只有一个目的 - 它会快速更改文件以正确放置 moov atom :http://www.datagoround.com/lab/

【讨论】:

  • 感谢更新。我会检查问题是否出在转换错误的视频中。视频太多,无法重新转换。你确定 JW6 没有后备?
  • JW6 确实有一个后备。我们只是想说服您放弃一种过时的格式。没有理由坚持下去。这就像有人问从纽约开车到波士顿的路线,但坚持他应该使用旧的波士顿邮政路,而不是 I-95。使用 Handbrake,您可以转换充满视频的整个文件夹。只需选择文件夹,点击开始按钮,然后走开。
  • 我已经使用 MP4 FastStart 来移动 moov atom,但我并没有看到很大的不同。仍然没有像以前那样快速加载。您能否为两个文件 .flv 和 .mp4 提供后备脚本,我可以检查一下吗? @MisterNeutron
  • 这一切都在 JW Player 文档中:support.jwplayer.com/customer/portal/articles/…。但这仍然是绝对错误的做法。祝您在 1998 年过得愉快!
  • 我检查了后备,但似乎常规方式工作正常。感谢您的帮助@MisterNeutron
猜你喜欢
  • 1970-01-01
  • 2017-11-09
  • 2013-02-11
  • 2012-01-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多