css - 模糊网站背景的 mp4 视频

标签 css html video ffmpeg avconv

我正在将视频放在网页的背景中。我想模糊背景,我试图将以下属性放入视频标签中:

 <video -webkit-filter: blur(15px); -moz-filter: blur(15px);-o-filter: blur(15px);-ms-filter: blur(15px);filter: blur(15px);">

由于 HTML 中的背景模糊,视频运行速度非常慢。 所以,现在我正在尝试模糊原始视频。我尝试使用 ffmpeg ( here ):

ffmpeg -i input.avi -vf "boxblur=enable='between(t,start,end)'" -codec:a copy output.avi

但是 ffmpeg 中使用的过滤器似乎已被弃用。我尝试了一些“avconv”过滤器,但似乎没有过滤器可以“模糊”视频。 请告诉我是否有任何其他命令行工具可以用于此目的,或者即使我缺少 ffmpeg 或 avconv 中的任何过滤器。

更新:ffmpeg 的控制台输出:

ffmpeg -i output.mp4 -vf "boxblur=enable='between(t,0,15)'" -codec:a copy output1.mp4
ffmpeg version 2.8.3 Copyright (c) 2000-2015 the FFmpeg developers
  built with gcc 4.8 (Ubuntu 4.8.2-19ubuntu1)
  configuration: --disable-yasm
  libavutil      54. 31.100 / 54. 31.100
  libavcodec     56. 60.100 / 56. 60.100
  libavformat    56. 40.101 / 56. 40.101
  libavdevice    56.  4.100 / 56.  4.100
  libavfilter     5. 40.101 /  5. 40.101
  libswscale      3.  1.101 /  3.  1.101
  libswresample   1.  2.101 /  1.  2.101
Input #0, mov,mp4,m4a,3gp,3g2,mj2, from 'output.mp4':
  Metadata:
    major_brand     : isom
    minor_version   : 512
    compatible_brands: isomiso2avc1mp41
    creation_time   : 2015-04-08 13:38:10
    encoder         : Lavf54.20.4
  Duration: 00:00:29.40, start: 0.000000, bitrate: 1909 kb/s
    Stream #0:0(eng): Video: h264 (High) (avc1 / 0x31637661), yuv420p, 1024x1024 [SAR 16:9 DAR 16:9], 1905 kb/s, 29.97 fps, 29.97 tbr, 30k tbn, 59.94 tbc (default)
    Metadata:
      creation_time   : 2015-04-08 13:38:10
      handler_name    : VideoHandler
[AVFilterGraph @ 0x1db5140] No such filter: 'boxblur'

最佳答案

GPL

boxblur filter license is GPL ,因此需要使用 --enable-gpl 配置选项来编译 ffmpegRecompile ,或者只是download a static build.

替代过滤器

或者,您可以使用不同的过滤器,例如 sab , smartblur ,或unsharp .

其他东西

由于视频用于网络,请考虑添加 -movflags +faststart 作为输出选项,以便视频可以在观看者完全下载之前开始播放。您还可以增加 -crf 值(默认 23),因为它会变得模糊,您可能可以使用较低的质量。

关于css - 模糊网站背景的 mp4 视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34248384/

相关文章:

html - Angular Json 循环

javascript - Vuetify 密码确认不起作用

css - HTML5 视频 : Retain aspect ratio when resizing

css - 2 列的元素列表 : 1st should wrap long text, 第二个不能

css 给两个类相同的颜色

css - 在 Bootstrap 3 输入旁边放置一些文本

html - Foundation 上的全高柱

c# - 解析 avcC 盒内 SPS 的计时信息时出现问题

html - 将视频置于 DIV 中

html - 增加 UL 列表元素符号的宽度