小编she*_*dox的帖子

使用CSS attr()设置宽度

我正在尝试使用CSS中的attr()设置元素的宽度,但它不起作用.Chrome说"无效的财产价值",但我不确定是什么问题.

我正在尝试使用属性"prog"作为.progress div的宽度百分比.

这是我在codepen上的例子.

<div class="progresscontainer">
    <div class="progress" prog="10">
    </div>
</div>

.progresscontainer {
    position:absolute;
    background-color:black;
    width:500px;
    height:100px;
    border-radius:5px;
    border:1px solid black;
    overflow:hidden;
}
.progress {
    background-color: green;
    background: -webkit-linear-gradient(top, transparent -100%, rgba(255, 255, 255, 0.5) 50%, transparent 200%), -webkit-linear-gradient(top, lime 0%, lightgreen 50%, green 50%, darkgreen 100%);
    background: -moz-linear-gradient(top, transparent -100%, rgba(255, 255, 255, 0.5) 50%, transparent 200%), -moz-linear-gradient(top, lime 0%, lightgreen 50%, green 50%, darkgreen 100%);
    background: -ms-linear-gradient(top, transparent -100%, rgba(255, 255, 255, 0.5) 50%, transparent 200%), -ms-linear-gradient(top, lime …
Run Code Online (Sandbox Code Playgroud)

css3

31
推荐指数
3
解决办法
3万
查看次数

在 Chrome 上的弹出窗口中调试 JavaScript

在 Chrome 中调试弹出窗口的好方法是什么?我需要调试窗口打开时运行的一些代码,我想知道是否有比窗口打开后立即按 f12 更好的调试方法。我正在寻找类似于使用 Visual Studio 的东西,您可以在其中打开一个窗口,在某些 JS 上设置断点,然后重新打开窗口,VS 将在该断点处中断,而无需您执行任何操作。

如果可以在 Firefox 上以某种方式完成,我会切换到它,只要我不必使用 IE。

javascript google-chrome popup google-chrome-devtools

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

与视频同步播放多个音轨之一

我正在尝试在网络浏览器中播放视频,原始视频带有两个或多个音频流,每个音频流都采用不同的语言。我想让用户可以选择切换他们正在收听的音轨。

我尝试audioTracks在 video 元素上使用,但尽管说大多数浏览器都支持它,至少在 Firefox 和 Chrome 中,我不会说它完全有效(在 Firefox 中,它只显示第一个轨道,并且元数据是错误的,在 Chrome 中,一旦您将主音轨静音,视频就会暂停,并且您必须寻找视频才能使其真正继续播放)。

我尝试ffmpeg单独保存各个音轨,并尝试与视频同步播放它们(设置audio.currentTime = video.currentTime响应视频上的多个事件,如playplayingpauseseeked、 ),使用Web Audio API在连接到s 的元素stalled中播放两个音轨(切换音轨可设置您想要的音轨和其余音轨的增益)。这似乎在 Chrome 中完美运行,但 Firefox 到处都是,即使在同步属性后,实际音频也会关闭一秒或更长时间。<audio>GainNode10currentTime

我看到其他人抱怨 MP3 的时序问题,但我使用的是 AAC。在这些情况下,解决方案是不对音频使用可变比特率,但这似乎并没有改善它 ( ffmpeg -i video.mkv -map 0:a:0 -acodec aac -b:a 128k track-0.aac)

有什么好的策略可以做到这一点吗?如果可以避免的话,我宁愿不必为每个音轨都有重复的视频文件。

javascript html5-video

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