小编Jak*_*r00的帖子

FFMPEG 旋转图像

我正在尝试使用 FFMPEG 大规模调整图像大小,并且使用 bash 成功完成了此操作,但我注意到一些纵向图像旋转为横向图像。 这是原始图像,但如下所示,它被旋转了。

旋转图像

如上所示,图像已旋转。起初,我认为这是由于-vf scale我用来调整图像大小的标志造成的,但我尝试了以下命令,它仍然旋转图像。

ffmpeg -i input.jpg output.jpg
Run Code Online (Sandbox Code Playgroud)

并非每张图像都会发生这种情况,甚至不是所有肖像图像都会发生这种情况。此外,有些图像顺时针旋转,而有些图像逆时针旋转。这不是随机发生的,无论我运行该命令多少次,最初旋转的所有图像仍然会旋转。

控制台输出

ffmpeg version N-79942-gdc34fa6-tessus Copyright (c) 2000-2016 the FFmpeg developers
  built with Apple LLVM version 6.0 (clang-600.0.57) (based on LLVM 3.5svn)
  configuration: --cc=/usr/bin/clang --prefix=/opt/ffmpeg --as=yasm --extra-version=tessus --enable-avisynth --enable-fontconfig --enable-gpl --enable-libass --enable-libbluray --enable-libfreetype --enable-libgsm --enable-libmodplug --enable-libmp3lame --enable-libopencore-amrnb --enable-libopencore-amrwb --enable-libopus --enable-libschroedinger --enable-libsnappy --enable-libsoxr --enable-libspeex --enable-libtheora --enable-libvidstab --enable-libvo-amrwbenc --enable-libvorbis --enable-libvpx --enable-libwavpack --enable-libx264 --enable-libx265 --enable-libxavs --enable-libxvid --enable-libzmq --enable-version3 --disable-ffplay --disable-indev=qtkit --disable-indev=x11grab_xcb
  libavutil      55. 23.100 / 55. 23.100
  libavcodec …
Run Code Online (Sandbox Code Playgroud)

ffmpeg

11
推荐指数
2
解决办法
8933
查看次数

Box-shadow 仍然被切断,overflow-y 设置为可见

我遇到了与此问题相同的问题,但我需要overflow-x设置为scroll,否则整个文档将比屏幕更宽。理论上,设置overflow-yvisible 应该保持盒子阴影可见,但它仍然会切断它。这可以通过下面的代码看出。

*::-webkit-scrollbar {
  display: none;
}
body {
  margin: 0;
  background: #ddd;
  height: 100%;
  width: 100%;
}
.scroll {
  width: 100%;
  height: 60px;
  overflow-x: scroll;
  overflow-y: visible;
  white-space: nowrap;
}
.box {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin: 5px;
  background: #fff;
  box-shadow: 0px 0px 50px 10px rgba(0, 0, 0, 1);
}
Run Code Online (Sandbox Code Playgroud)
<div id="container">
  <div class="scroll">
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
  </div>
</div> …
Run Code Online (Sandbox Code Playgroud)

css overflow box-shadow

10
推荐指数
1
解决办法
8087
查看次数

以不弃用的方式模拟键盘按键?

我正在寻找一种模拟键盘按键的方法(如标题建议).我环顾四周,主要找到了这两个问题:

这些问题是他们都使用KeyboardEvent.initKeyboardEvent()根据MDN不推荐使用的事件.没有弃用功能,有没有不同的方法来完成同样的事情?

我想知道这一点,因为我正在使用Chrome的TamperMonkey扩展程序为YouTube创建脚本.[space]按下时,此脚本将触发K. K是YouTube的切换播放/暂停按钮.我让[space]听众与下面的代码完美配合:

document.addEventListener("keydown", function(e) {
    if(e.keyCode==32) {
        e.preventDefault();
    }
}, false);
Run Code Online (Sandbox Code Playgroud)

另外,我真的在寻找一种纯粹的JavaScript方法.

javascript deprecated

6
推荐指数
1
解决办法
846
查看次数

文本区域和输入与文本框

我注意到在一些地方(主要是Youtube的评论),有“文本框”而不是正常的“文本区域”。

<div role="textbox" aria-multiline="true"></div><textarea></textarea>

我还看到<div role="textbox"></div>而不是<input type="text">

使用orrole="textbox"代替有什么功能优势吗?或者这只是纯粹的偏好?例如,使用 Javascript 修改或编辑是否更容易?textareainput

YouTube 评论1

正如您在上面看到的,我正在使用 Chrome 的检查器选择评论框。

YouTube 评论2

现在,我将文本添加到注释框中,并且在查看 Chrome 的检查器时,文本出现在上述 div 元素内。

html

5
推荐指数
1
解决办法
9234
查看次数

游戏手柄的隆隆声支持?

我已经阅读了MDN游戏手柄API页面W3C游戏手柄API页面,我没有发现游戏手柄任何隆隆声功能.我发现有一个页面引用了FireFox中的一个Android手机的隆隆支持,但只有一个评论谈到了游戏手柄的支持.该评论有2个链接:一个死博客一个Bugzilla线程.Bugzilla线程从未说过添加了此功能.我确实找到了另一个直接引用游戏手柄隆隆声控制的页面,但它是在帖子的"未来"部分下.

我给出的所有这些链接的另一个问题是它们都是在2010-2013之间,没什么新鲜的.

在目前的网络浏览器状态下,游戏手柄是否有隆隆声功能?还有一家公司直接表示他们正在研究它吗?

javascript firefox google-chrome gamepad-api gamepad

5
推荐指数
1
解决办法
1424
查看次数

如果URL中的片段标识符(哈希)引用它,则更改元素的样式

如果URL中的片段标识符(哈希)引用它,那么在纯CSS中是否有一种方法可以更改元素的样式?

鉴于此HTML:

<p id="reference">lorem ipsum</p>
Run Code Online (Sandbox Code Playgroud)

这个网址:

http://example.com/#reference
Run Code Online (Sandbox Code Playgroud)

浏览器将滚动到id为的段落reference,但是我可以在没有JavaScript的情况下更改该元素的样式吗?

我以为我可以用:focuspsuedo-class 做到这一点,但它没有用.另外3个处理鼠标事件(:hover,:active)和URL(:visited),所以这些都不起作用.

css css3

5
推荐指数
1
解决办法
1298
查看次数

使用 id 或 class 获取元素类型

有没有办法通过 JQuery 使用 id 或 class 来获取元素类型?

使用 HTML as <div id="elementID"></div>,使用 JQuery 我想返回div

html javascript jquery

3
推荐指数
1
解决办法
2423
查看次数

console.log 中的多种颜色变化?

我刚刚阅读了这个问题/答案,它说要改变颜色,使用

console.log("%cYour Message Here", "color:(your color);font-weight:bold;");
Run Code Online (Sandbox Code Playgroud)

我已经对此进行了测试并对其进行了一些处理,然后将其更改为

console.log("Test\n\n%cTest\n\nTest", "color:red;font-weight:bold;");
Run Code Online (Sandbox Code Playgroud)

这个输出(粗体文本也是红色的)

测试

测试

测试

有没有办法导致输出(粗体为红色,斜体为蓝色)

测试

测试

测试

javascript console firefox google-chrome console.log

3
推荐指数
1
解决办法
3023
查看次数

parseInt()检查NaN无法正常工作

我正在研究一个jQuery插件,我需要确保这个值是一个数字,或者只是一个数字的字符串.所以为了做到这一点,我做了以下代码,其中val一个变量可能是也可能不是数字.

if (typeof val !== 'number') {//if "val" isn't a number
    if (typeof val === 'string' && parseInt(val) !== NaN) {//see if "val" is a string with only a number
        val = parseInt(val);
    }
}
Run Code Online (Sandbox Code Playgroud)

但由于某些原因,同时测试,即使val是与文本字符串,它仍然会返回parseInt(val) !== NaN作为true.我后来使用Chrome控制台进行了测试,这就是我得到的:

回报不正确

如你所见,'asf'Not-a-Number.但无论它返回什么地方true,它都应该返回false,无论它返回什么地方false,它都应该返回true.您还可以看到我测试过以确保NaN其实际上不是字符串.

正确的回报

上面你可以看到返回值是相同的,但这次它是正确的.

我错过了什么吗?或者我应该采用不同的方式做到这一点?

javascript

-1
推荐指数
1
解决办法
620
查看次数