小编Sam*_*Sam的帖子

为什么在audio标签中使用源标签可以防止loadeddata事件被触发?

为了更好地访问,我们需要第二组备用播放/暂停控制,并且(在用户Kento Nishi的帮助下)我们成功地从DEMO A(仅有1个音频播放控制)移动到DEMO B(具有重复的音频播放控制).

问题1在DEMO B中打破了持续时间(最右边的数字).

问题2每个网页都有自己的文件夹.有些页面已准备好语音音频文件,*.mp3但有些页面没有.如果在页面自己的文件中没有speak.mp3(所有页面的相同文件名),是否可以隐藏所有音频控件html?总结如果:如果当前网页文件夹中的服务器上存在*.mp3文件,<source src="*.mp3" type="audio/mpeg">则显示音频控件的html.否则通过CSS隐藏音频html控件.

旧版DEMO A,只有一组控件:

var play = document.getElementsByTagName('play')[0];
var pause = document.getElementsByTagName('pause')[0];
Run Code Online (Sandbox Code Playgroud)

新的DEMO B,具有多组控件:

document.getElementsByTagName("playpause")[0].addEventListener("click", playpause);
document.getElementsByTagName("playpause")[1].addEventListener("click", playpause);
Run Code Online (Sandbox Code Playgroud)

这里JS Lint显示错误:意外for和意外var,但我怀疑这些音频持续时间中断的原因.

BEAUTY关于演示A和B的好处是音频文件不会在用户点击播放之前(并且仅在其之后)加载.这样就不会浪费任何带宽,直到用户点击播放!此功能非常重要,应保持完整,以及布局方面的重复控件集,并且html部分应保持尽可能完整.

BOUNTY:200新演示工作除了持续时间/音频长度被打破,当音频文件不存在时,显示控件.赏金是对在工作的jsfiddle演示中解决问题(或两者)的一点感谢.感谢您的帮助.

javascript audio html5 mp3 jslint

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

如何通过.htaccess正确地将index.php重定向到另一个页面?

目前我的htaccess文件包含此规则,以将website.org/index.php重定向到 website.org/en/home

RewriteRule index.php /en/home [R=301]
Run Code Online (Sandbox Code Playgroud)

但是,目前还有index.php更深层文件夹中的其他页面重定向!例如,website.org/folder/index.php重定向到website.org/en/home

如何将该规则专门应用于根目录,而不是更深层的文件夹?非常感谢.

apache indexing .htaccess mod-rewrite redirect

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

如何使用SLEEP()函数在PHP中暂停一小段时间的脚本?

sleep(1);   #waits/sleeps for one second then continue running the script
Run Code Online (Sandbox Code Playgroud)

Q1.怎么做1/100秒?这些工作:0,010.01.01

Q2.什么是替代品?wait();snap();?? 它们有何不同(更多/更不精确)?

php time sleep wait

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

如何仅使用 CSS 按比例缩放 SVG 内容大小?

如何仅使用 CSS缩放或调整内联 SVG 矢量艺术品的大小,以便所有艺术品按比例调整大小并完全适合其定义的宽度和高度?

应尊重原始纵横比。

在这种情况下,我希望将图稿内容调整为 100x100px 框作为图标。下面的代码片段不起作用,因为它似乎只是裁剪窗口而不是调整内部内容的大小。

svg {
  width:  100px;
  height: 100px;
  fill:   blue;
  background-color: red;
}
Run Code Online (Sandbox Code Playgroud)
<svg>
    <polygon points="100,0 30,200 200,70 0,70 170,200"/>
</svg>

<svg >
    <polygon points="0,0 200,140 110,200"/>
</svg>

<svg>
    <ellipse cx="200" cy="70" rx="200" ry="40" />
</svg>
Run Code Online (Sandbox Code Playgroud)

我得到了这个:(看起来更像是农作物)
在此输入图像描述

但我想得到这个:(按比例缩放到盒子的边缘)
在此输入图像描述

css svg resize scale inline-svg

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

如何(破解)最大化Google Doc的“绘图窗口”到全屏显示?

互联网之友

Google Docs的Intert Drawing工具可以正常工作,除了它浪费了所有16:9屏幕的一半,因为它打开了一个不可调整的强制正方形窗口,从而使所有用于LANDSCAPE和/或PORTRAIT格式的图形失效!考虑所有标准格式,例如A4,A3、16:9显示器。

我一直在要求超级用户使用这种方法,但无济于事。NOBODY似乎知道答案!我正在求助于熟练的程序员来破解这个问题,并计划在此问题可用时尽快开设一笔价值500的赏金!这是已被忽略的Google文档不可或缺的重要部分。

在Google自己的浏览器Chrome中可实现此目的的所有解决方案都是:

  • 获得500奖励积分
  • 被接受为答案

在此处输入图片说明

drawing landscape google-chrome fullscreen google-docs

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

从IPFS下载后获取文件类型

我正在使用 ipfs 下载文件...但 ipfs 没有文件名或扩展名。

如何根据下载的数据正确设置保存文件的扩展名?

filenames file-extension fs ipfs

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

如何使用样式字典将设计令牌对象转换为SCSS属性?

我有与此线程完全相同的问题:使用样式字典从设计令牌 json 文件中获取 scss。这个线程中提到的答案很好,但是有没有办法指定一些设置,以便样式字典自动将样式对象转换为上述线程中答案中提到的方式?

我基本上想转换

"Display-2xl": {
    "Regular": {
      "value": {
        "fontFamily": "{fontFamilies.inter.value}",
        "fontWeight": "{fontWeights.inter-0.value}",
        "fontSize": "$fontSize.10",
      },
      "type": "typography"
    },
}
Run Code Online (Sandbox Code Playgroud)

"Display-2xl": {
    "Regular": {
      "type": "typography",
      "fontFamily": {
        "value": "{fontFamilies.inter.value}"
      },
      "fontWeight": {
        "value": "{fontWeights.inter-0.value}"
      },
      "fontSize": {
        "value": "{fontSize.10}"
      }
    }
  }
Run Code Online (Sandbox Code Playgroud)

通过添加一些格式/转换。我怎样才能实现这个目标?

我的 config.json 对象:

const StyleDictionary = require("style-dictionary").extend({
  source: ["./tokens.json"],
  platforms: {
    scss: {
      transformGroup: "scss",
      buildPath: "src/tokens/",
      files: [
        {
          destination: "_colors.scss",
          format: "scss/variables",
          filter: {
            type: "color",
          },
        },
        { …
Run Code Online (Sandbox Code Playgroud)

json sass reactjs style-dictionary design-tokens

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

在HTML网站中嵌入SVG/SVGZ矢量图形的最简单方法(适用于所有主要的2016浏览器)

在网站中嵌入矢量SVG或compresed SVGZ插图的最简单方法是什么?
必须在2016版本的Firefox,Chrome,Opera和Safari以及Internet Explorer下正常运行.

embed graphics svg vector svgz

4
推荐指数
2
解决办法
1万
查看次数

适用于PHP5服务器的Bandwith Speed Boost技巧:输出和Zlib压缩

在设置PHP带宽节省有效速度增益时,我有一些关于htaccess设置性质的详细专家问题:

请允许我提前感谢您对此事的回答和澄清,因为我不了解百科全书样式的长页apache手册

以下示例是我在Apache 2.0和PHP 5.2.3上实际运行的内容

# preserve bandwidth for PHP enabled servers
<ifmodule mod_php4.c>
    php_value zlib.output_compression 16386
</ifmodule>
Run Code Online (Sandbox Code Playgroud)

.

Q1:是否ifmodule mod_php4.c建议将其用于PHP 4而不是PHP5?

Q2:服务器引擎是否会更快地将其放入php.ini,而不是htaccess?

问题3:压缩默认设置为16386.如果我们将它降低到比如说,它会发生什么?4K

问题4:如果我们将其设置得更高会发生什么,例如128K

php performance zlib

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

CSS边框样式INSET或GROOVE看起来与IE9 FF4或Safari5或Chrome2截然不同

很抱歉这是一个傻瓜,但是当我试图获得某种凹槽效果或嵌入效果作为边框样式时,我会在各种浏览器中获得一些非常非常大的不同结果.

使用时

{
    border: 5px groove #A00;
}
Run Code Online (Sandbox Code Playgroud)

要么

{
    border: 5px inset #A00;
}
Run Code Online (Sandbox Code Playgroud)

Firefox 3.6/4.0外观是我需要的,我认为是正确的GROOVE或INSET渲染.所有其他人看起来非常不同.接近SOLID或OUTSET.显然没有真正精确的定义,这使得它成为浏览器开发人员的一个令人惊讶的派对,让他们自己解释INSET和GROOVE样式的作用.

有没有什么方法可以让我目前荒谬的差异与我在主流浏览器中看起来相同的一个深思熟虑的设计相匹配?

如果我只知道可以使用什么或如何使用,我不怕使用其他一些创意CSS3的东西.所以任何想法都是受欢迎的,特别是代码.

css browser border

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