使用 jPlayer 自动播放音频
Autoplay audio with jPlayer
最近我从 codecanyon 购买了这个名为“Flatie”的方便脚本,它几乎适用于我的每个新项目,除了我在让音频自动播放方面陷入了死胡同。
<script type="text/javascript">
$(document).ready(function() {
$("#player4").flatie({
media: {
mp3: "http://www.example.com/mp3embed-song-name.mp3"
},
swfPath: "http://www.example.com/jplayer.swf"
});
});
</script>
这是我正在使用的当前 Javascript(这是我一直需要的所有内容 + 包括 here 找到的 JavaScript 文件。)
当我使用 jPlayer documentation 上显示的标准方法进行自动播放时,它会使我的播放器消失。
(在 Javascript 方面我完全是个菜鸟,所以我不知道自己做错了什么。)
您是否试过设置以下选项"autoPlay: true"?
},
swfPath: "/js",
supplied: "mp3, m4a, oga" ,
autoPlay: true
});
<script type="text/javascript">
$(document).ready(function(){
var stream = {
//title: "ABC Jazz",
mp3: "path/../Wolf.mp3"
},
ready = false;
$("#jquery_jplayer_1").jPlayer({
ready: function (event) {
ready = true;
$(this).jPlayer("setMedia", stream);
$(this).jPlayer("play", 1);
},
pause: function() {
$(this).jPlayer("clearMedia");
},
error: function(event) {
if(ready && event.jPlayer.error.type === $.jPlayer.error.URL_NOT_SET) {
// Setup the media stream again and play it.
$(this).jPlayer("setMedia", stream).jPlayer("play");
}
},
swfPath: "path/../jPlayer/dist/jplayer",
supplied: "mp3",
preload: "none",
volume: 1,
wmode: "window",
useStateClassSkin: true,
autoBlur: false,
keyEnabled: true
});
});
</script>
最近我从 codecanyon 购买了这个名为“Flatie”的方便脚本,它几乎适用于我的每个新项目,除了我在让音频自动播放方面陷入了死胡同。
<script type="text/javascript">
$(document).ready(function() {
$("#player4").flatie({
media: {
mp3: "http://www.example.com/mp3embed-song-name.mp3"
},
swfPath: "http://www.example.com/jplayer.swf"
});
});
</script>
这是我正在使用的当前 Javascript(这是我一直需要的所有内容 + 包括 here 找到的 JavaScript 文件。)
当我使用 jPlayer documentation 上显示的标准方法进行自动播放时,它会使我的播放器消失。
(在 Javascript 方面我完全是个菜鸟,所以我不知道自己做错了什么。)
您是否试过设置以下选项"autoPlay: true"?
},
swfPath: "/js",
supplied: "mp3, m4a, oga" ,
autoPlay: true
});
<script type="text/javascript">
$(document).ready(function(){
var stream = {
//title: "ABC Jazz",
mp3: "path/../Wolf.mp3"
},
ready = false;
$("#jquery_jplayer_1").jPlayer({
ready: function (event) {
ready = true;
$(this).jPlayer("setMedia", stream);
$(this).jPlayer("play", 1);
},
pause: function() {
$(this).jPlayer("clearMedia");
},
error: function(event) {
if(ready && event.jPlayer.error.type === $.jPlayer.error.URL_NOT_SET) {
// Setup the media stream again and play it.
$(this).jPlayer("setMedia", stream).jPlayer("play");
}
},
swfPath: "path/../jPlayer/dist/jplayer",
supplied: "mp3",
preload: "none",
volume: 1,
wmode: "window",
useStateClassSkin: true,
autoBlur: false,
keyEnabled: true
});
});
</script>