社区首页 >问答首页 >在Chrome中使用HTTP302重定向的HTML5音频

问在Chrome中使用HTTP302重定向的HTML5音频
EN

Stack Overflow用户

提问于 2012-03-30 13:00:35

回答 1查看 2.1K关注 0票数 7

我正在尝试写一个基于HTML5的last.fm播放器，使用流行的jPlayer jQuery插件(http://jplayer.org)。该播放器在Firefox中工作正常。然而，我遇到了一个问题:从last.fm应用程序接口(http://last.fm/api)中，我获得了一个播放列表，其中包含指向文件的urls。当请求其中之一时，last.fm会执行HTTP302重定向，从play.last.fm重定向到类似"http://s03.last.fm/someurl/128.mp3“的内容。

看起来HTML5标签有一些同源策略，因为jPlayer不能在Chrome和Chromium中播放文件。如果jPlayer使用flash解决方案(使用"flash，html“而不是"html，flash")，一切都会正常工作。

我在我的Ubuntu上安装了额外的编解码器，对于jPlayer演示来说，mp3播放效果很好。

流服务器不支持HEAD请求。我已经尝试执行一个普通的GET请求，然后尝试获取xmlhttprequest的"Location“头，但由于安全错误而失败。

您可以在https://github.com/tburny/html5-lastfm-player上找到我的(概念验证)项目的源代码

这个问题有什么提示/解决方案吗？

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-04-21 03:33:46

我也有类似的问题，但只在android浏览器上。这里面有很多陷阱。关键的问题是，如果原始的url是302，而最终的url是https？如果是这样的话，它将失败。

查看此测试套件http://areweplayingyet.org/

票数 4

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/9943501

复制

相关文章

使用HTML5播放音频在移动端不能循环

做了一个H5页面，需要一个mp3做为背景音乐，在PC端调试没问题，然后用手机扫码打开结果就不能循环播放，记录踩过的坑

小尘哥

2018/08/15

1.5K0

使用HTML5播放音频在移动端不能循环

Python爬虫之chrome在爬虫中的使用

php 网络安全 css 安全

使用隐身窗口，首次打开网站，不会带上cookie，能够观察页面的获取情况，包括对方服务器如何设置cookie在本地

海仔

2020/09/16

1.8K0

【音频处理】Melodyne 导入音频 ( 使用 Adobe Audition 录制音频 | 在 Melodyne 中打开录制的音频 | Melodyne 对音频素材的操作 | 音频分析算法 )

adobe 博客软件算法音频

参考【音频处理】使用 Adobe Audition 录制电脑内部声音 ( 启用电脑立体声混音 | Adobe Audition 中设置音频设备 | Adobe Audition 内录 ) 博客进行内录 ;

韩曙亮

2023/03/29

8.4K0

【音频处理】Melodyne 导入音频 ( 使用 Adobe Audition 录制音频 | 在 Melodyne 中打开录制的音频 | Melodyne 对音频素材的操作 | 音频分析算法 )

HTML5音频audio详解

直到现在，仍然不存在一项旨在网页上播放音频的标准。目前，大多数音频是通过插件（比如 Flash）来播放的。然而，并非所有浏览器都拥有同样的插件。 HTML5 规定了一种通过 audio 元素来包含音频的标准方法。 audio 元素能够播放声音文件或者音频流。

业余草

2019/01/21

3.1K0

HTML5视频与音频

html5 文件存储

简单介绍 HTML5 对视频和音频特性规范文档的制定是被讨论最多的。除浏览器自带支持的明显好处外，评论点集中在浏览器提供商对音频/视频格式的不同选择。如果你准备使用HTML5的

踏浪

2019/07/31

2K0

在 Chrome DevTools 中调试 JavaScript

xml javascript jquery 编程算法

由浅入深说一说怎么样在 Chrome DevTools 中调试 JavaScript。

从入门到进错门

2020/03/17

5K0

在Chrome中截取整个网页

screenshot shift 开发者

经常使用谷歌浏览器的话，如果要想对网页截图，大多都直接使用系统自带截屏方式或者第三方截屏。但如果要把网页整个截取下来的话，你可以试试Chrome自带的截屏功能。步骤如下：

Inkedus

2020/04/16

1.6K0

在Chrome中与Flash说再见

20 年来，Flash 帮助塑造了您在网络上玩游戏，观看视频和运行应用程序的方式。但在过去几年中，Flash 变得不那么常见了。三年前，80％的桌面 Chrome 用户每天都会访问一个使用 Flash 的网站。今天使用率仅为 17％并且继续下降。

宗亲立牧

2019/09/07

1K0

在Chrome中与Flash说再见

Chrome、FF在swf处理中的问题小记

当时的需求是点击网页装扮的时候会弹出一个层，层内有很多TAB选项卡，而有一个对图片处理的swf（让用户选择一张图片、编辑图片）放在其中一个选项卡中，而当来回切换tab选项卡的时候，swf会被重新加载。那时候还没有chrome，所以在ff会遇到这个问题，IE下不会。后面在小组内我记得有总结过FF下什么情况下会触发swf的重新渲染：

meteoric

2018/11/16

1.6K0

企业面试题: DOCTYPE 在HTML5中如何使用

<！DOCTYPE>是关于页面写入了什么版本的HTML的指令。<！DOCTYPE>标记没有结束标记，它不区分大小写。

舒克

2019/08/09

1.1K0

在Edge中安装Chrome扩展程序

https 网络安全 github git

Edge可以安装绝大多数Chrome商店中的扩展, 但Chrome中的谷歌开发App程序, 类似Secure Shell App, 目前是无法安装的, 新版Edge使用了Chrome的Chromium内核, 可以兼容安装Chrome生态中的各种应用程序,为Edge未来的发展带来了无限可能~

zhaoolee

2019/05/31

3.1K0

在 Internet Explorer 中使用 Google Chrome

chrome explorer google 插件浏览器

随着 JavaScript 性能的提升以及 HTML5 对 HTML 的加强，现在在线程序基本上可以做以前桌面软件做的事情了，不过现在所面临的问题是这些最新 Web 技术依旧不能得到 Internet Explorer 这个市场占有率最高浏览器的支持，但是开发人员又不能忽视 IE 的用户，因为绝大多数用户都在使用某个版本的 IE，所以前段程序员最大的痛苦就是要做很多额外的工作使他们的程序能够在 IE 上运行。为了能够让 IE 用户也能顺畅跑 Web 程序，Google 开发了 Google Chrome Frame 这个开源插件，它会自动让 IE 使用 WebKit 渲染引擎来解析网页，这样 IE 浏览器就可以和 Chrome 浏览器一样拥有一个更快 JavaScript 引擎，并且支持最新的 Web 技术，如 HTML5 的离线功能，Canvas 和 audio，video 等标签，以及 CSS3 技术等。

Denis

2023/04/14

8300

在 Internet Explorer 中使用 Google Chrome

Web 性能优化：Preload,Prefetch的使用及在 Chrome 中的优先级

缓存 http webpack javascript 打包

今天，我们将深入研究Chrome 的网络栈，以明确 web 加载原语(如<link rel= preload > & <link rel= prefetch >) 背后的工作原理，以便你能够更有效地使用它们。

前端小智@大迁世界

2019/04/18

2.2K0

Web 性能优化：Preload,Prefetch的使用及在 Chrome 中的优先级

Html5音频和视频播放示例

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>html5中的音频和视频</title> </head> <body>  <object classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" width="500" height

用户7718188

2021/11/01

3K0

第181天：HTML5——视频、音频

一、HTML5新增的video、source标签 1 <video width="320" height="240" controls="controls“ poster="/images/w3school.gif"> 2 <source src="movie.ogg" type="video/ogg"> 3 <source src="movie.mp4" type="video/mp4"> 4 您的浏览器不支持video标签 5 </video> 二、HTML

半指温柔乐

2018/09/11

1.1K0

第181天：HTML5——视频、音频

HTML5 视音频发展史

HTML5 视音频发展史 HTML5学堂：在Flash与HTML5的争霸当中，最终Flash败北，而能够替代Flash播放器功能的就是HTML5中的视音频功能。本文介绍了HTML5出现前后，实现视音频方法的变化以及视音频的编码格式。早期实现视音频的方法在网页当中，早期的视音频标签通常采用embed和object两种标签嵌套。之所以采用这种方式，主要与两种标签的支持程度有关。对于embed标签，大部分的浏览器都能够支持，但是并没有纳入到W3C标准当中，而object标签，虽然得到了W3C标准的支持，

HTML5学堂

2018/03/12

1.3K0

【HTML5】HTML5 多媒体标签 ① ( audio 音频标签 | 音频标签常见属性值设置 | 音频标签默认代码设置 | 音频标签设置多种类型音频文件 )

html5 audio 浏览器配置音频

传统 HTML 开发中 , 如果想要向网页中嵌入音频和视频 , 需要使用 Flash 浏览器插件才能实现 ;

韩曙亮

2023/04/24

5.8K0

【HTML5】HTML5 多媒体标签 ① ( audio 音频标签 | 音频标签常见属性值设置 | 音频标签默认代码设置 | 音频标签设置多种类型音频文件 )

[前端]利用WebAudioAPI获取音频频谱（html5音频可视化）

http https 网络安全网站 api

项目希望可以把音频可视化，有条随声音波动的曲线或者是像唱吧那种。开始是搜到了腾讯大腿（TGideas）写的audio可视化组件，想着直接用，后来各种原因还是打算自己重新写一个……虽然明显写得low了很多。腾讯大腿的audio组件地址 http://www.3fwork.com/b403/001620MYM013253/ GitHub https://github.com/tgideas/motion/blob/master/component/src/main/audio/audio.js

Tuzei

2020/03/16

3.8K0

Linux中的重定向

处理数据需要输入输出，在linux中一切皆文件，所操作的输入输出都认为是一个文件，而此文件表现为每打开一个文件系统会分配一个数字，这个数字代表一个文件，这个数字叫文件描述符FileDescriptor

鱼丸葱面

2020/12/22

2.6K0

点击加载更多

相似问题

在Chrome中重放HTML5音频

10

html5音频无法在chrome中播放

41

HTML5音频无法在chrome中触发的ontimeupdate

32

Chrome中的HTML5音频控制问题

25

在Chrome中使用HTML5和getUserMedia录制音频

32

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例