草庐IT

php - 请求 MP3 文件时设置 apache 为 PHP 提供服务

我正在研究一种通过PHP提供MP3文件的方法,在获得如此巨大的帮助后,我让它工作了here但是,当我将它用作音频标签中的源时,该示例似乎不起作用AudioTagExperimentYourbrowserdoesnotsupporttheaudioelement.这是PHP所以我在想(这可能是一个非常糟糕的主意,你告诉我)当有人请求.MP3时,我可以设置Apache来提供PHP文件。所以我有三个问题这行吗好主意/坏主意?我需要做什么?将“AddTypeapplication/x-httpd-php.mp3”放入httpdconf是否可行? 最佳答案

html - 播放存储为 blob 的 MP3 文件

简单地说,我想在Firefox中播放blobMP3文件。我可以访问blob本身:blob(使用mime类型audio/mpeg3切片)及其URL:blobURL=window.URL。createObjectURL(blob).我试过:HTML5音频播放器:但我在Firebug中收到一条警告,告诉我Firefox无法读取类型为audio/mpeg3的文件。多个音频播放器库(SoundManager、JPlayer等),但似乎都不允许将blobURL作为输入。我做错了吗?或者有人知道可以从blob播放MP3文件的解决方法或库吗? 最佳答案

PHP:iPad 不播放 PHP 提供的 MP4 视频,但如果直接访问它可以

几天来我一直在努力寻找这个问题的解决方案,我尝试了在stackoverflow和其他平台上可以找到的所有建议。仍然没有解决方案。我正在通过HTML5视频标签嵌入视频:我尝试通过PHP传递MP4视频文件,而不是直接链接它。直接链接mp4文件就可以播放文件了!测试:视频文件:https://github.com/q2apro/videotest-ipad/raw/master/video.mp4(在iPad上播放)由PHP加载的具有相同header的视频文件:https://github.com/q2apro/videotest-ipad/blob/master/test-headers.

javascript - 使用 HTML5 网络音频 API 提取 mp3 文件的歌曲频率

我正在使用HTML5网络音频API分析歌曲并在平均声音频率低于特定值时创建标记。使用现有的AudioNode基础设施,我设法做到了这一点,但仅在播放歌曲时才分析声音。然而,我想要的是提前分析歌曲,这样我就可以提取静音标记,并将它们变成CUE按钮,用户可以使用它们在歌曲中移动。显然,一开始依靠播放整首歌来分析它会很慢,尤其是当歌曲是50分钟的播客时。我尝试将playbackRate加速到10倍,但这没有帮助。我认为解决方案在于跳过Web音频API,并分析原始ArrayBuffer,但是,我真的不知道从哪里开始。建议?想法? 最佳答案

html - 如何使用 flex box 将元素堆叠在一起?

所以我在谷歌上搜索了很多,但没能找到解决方案。我想要2个元素水平和垂直居中。这里的技巧是我想将它们堆叠在一起,position:absolute没有问题,但我不能将元素以绝对位置居中。我认为无论如何这应该适用于flexbox。对于堆叠,我的意思是让一个元素部分隐藏另一个元素。 最佳答案 容器可以设置align-items:center和justify-content:center水平和垂直居中。.outer{align-items:center;background:#800000nonerepeatscroll00;border:

html - HTML5 音频标签是否支持从另一个域提供 mp3?

所以我有一个带有domian“www.example.com”的Web应用程序需要提供来自“www.example2.com”的音频,但由于某种原因这不起作用(音频只是不流)鉴于如果我将音源url直接放入浏览器中,音频将可用有人试过吗?谢谢瓦埃尔 最佳答案 显然我不能对Cyber​​K的回应投赞成票(我还没有这样做的声誉)但我同意他的观点。你不能做或跨域。我在Chrome和Firefox上都尝试过这件事。关于此的文章不止几篇。今天为自己找到了这个;对限制不满意。http://www.bluishcoder.co.nz/2008/11

html - 如何仅覆盖页面上一个区域的 CSS Box Sizing?

我的TwitterBootstrap文件中有以下CSS:*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}这导致我的TinyMCE编辑器出现问题,主要是调整文本区域的大小。无论如何,如果我删除上面的代码,一切都很好,但显然我需要它,否则Bootstrap的其余部分就会中断。那么我该如何为TinyMCE覆盖上面的内容呢?我试过这个:.tinymce-editor,.tinymce-editor:before,.tinymce-editor:a

html - 是否有适用于 Google Answer Boxes 的 API?

Google答案框(有时称为精选片段、知识卡或实时结果)非常有用。我想提取信息并在我自己的程序中使用它。查看HTML代码,它并不像从那里提取代码那么直接。我做了很多研究,但似乎找不到对他们的任何支持。有谁知道是否有一个API(或Web搜索API的一部分),您可以在其中检索从答案框返回的信息?我在这里看到了答案:googleapiforgloriousinfobox?,但所提供的解决方案已于上个月弃用。举个例子,这是“日本现在几点”的HTML代码:6:37AMTuesday,August4,2015(GMT+9)TimeinJapan这与“东京位于何处”非常不同:JapanTokyoco

javascript - 使用负边距来控制 flex-box 中的空间

为了解决我一直遇到的问题,我一直在阅读关于flex-boxes的资料。我阅读/用作问题研究的主要文章是this.我最近在this中提出了这个话题和this问题并感谢@Michael_B的帮助,已经制定了如何将一个元素(在本例中为)置于flex盒子的中心,只要flex盒子中始终只有三个flex元素(在这种布局中:).我想扩展这些要点,因为我意识到可能有一个解决方案可以解决总flex元素多于或(更现实地)少于3个的情况。它涉及使用边距。如果你使用margin:auto;在flex元素上,它使元素在主轴上居中(有关flex盒的工作原理,请参见下图)。img{width:100%;height

html - “隐藏”属性不适用于 flex-box

我有以下使用flex-box的代码.lab-flex-col-container{display:flex;flex-flow:column;align-content:center;background-color:gold;border-radius:5px;margin:5px;}.lab-flex-col{display:flex;flex-flow:column;align-self:center;margin:5px;}.margin2{margin:2px;}Saveimport'package:polymer/polymer.dart';import'dart:html