Question

我正在开发一个使用HTML5音频标签来运行MP3音频的PhoneGap应用程序。尽管控件已启用，但当应用程序在Android手机上运行时，控件不会显示。我只能看到滑块。在Ripple Emulator中一切正常。

我对其他控件不感兴趣，但至少我应该能够显示计时器。

任何人都可以建议我该怎么做。

谢谢！

Answer 1

不确定我是对还是错。几天前，我一直在努力为html5集成音频和视频标签。 Android浏览器doe不支持音频/视频标签，因为即使我已经为它提供了控制，但是它也没有用。我所做的是，我曾经按顺序定义脚本以使用Html5标签执行媒体文件。

String script = "<SCRIPT LANGUAGE=" + "JavaScript"
            + ">function playvideo(url){window.location=url;}</SCRIPT>";

在你的html5中包含上面的脚本，让我知道它是否有效。

注意：我为此使用了原生活动。

Answer 2

我已经探索并成功用MediaElement.js替换了html5音频

这是我的音频标签：

<audio autoplay="autoplay" id="audioplayer" controls="true">
  <source src="none" type="audio/mp3">
    ****
</audio>

以下脚本只是将HTML5音频播放器转换为MediaElement播放器，其中包含我想看到的所有控件：

$('audio').mediaelementplayer({
        //audio { width: 250px; margin:10px;}
        defaultAudioWidth: 300,
        // default if the user doesn't specify
        defaultAudioHeight: 30,
        // width of audio player
        audioWidth: 300,
        // height of audio player
        audioHeight: 30,
        // initial volume when the player starts
        startVolume: 1.0,
        // useful for <audio> player loops
        loop: false,
        // enables Flash and Silverlight to resize to content size
        enableAutosize: true,
        // the order of controls you want on the control bar (and other plugins below)
        features: ['playpause','progress','current','duration'],
        // Hide controls when playing and mouse is not over the video
        alwaysShowControls: false,
        // force iPad's native controls
        iPadUseNativeControls: false,
        // force iPhone's native controls
        iPhoneUseNativeControls: false, 
        // force Android's native controls
        AndroidUseNativeControls: false,
        // forces the hour marker (##:00:00)
        alwaysShowHours: false,
        // show framecount in timecode (##:00:00:00)
        showTimecodeFrameCount: false,
        // used when showTimecodeFrameCount is set to true
        framesPerSecond: 25,
        // turns keyboard support on and off for this instance
        enableKeyboard: true,
        // when this player starts, it will pause other players
        pauseOtherPlayers: true,
        // array of keyboard commands
        keyActions: []

    });

如果有人正在寻找HTML5音频的替代品，那么这是一个很棒的解决方案。

在Android设备上运行时，HTML5音频不显示计时器

2 个答案: