Phonegap 构建和媒体插件错误答案

【问题标题】：Phonegap build and media plugin errorsPhonegap 构建和媒体插件错误
【发布时间】：2016-09-30 17:13:59
【问题描述】：

您好。我是 javascript 的初学者。我从一个 stackoverflow 问题中复制了代码，以使 cordova 媒体插件能够正常工作。

这是问题。 Phonegap Build with phonegap 3 and media plugin

我正在使用在线电台流媒体网址。当我按下播放按钮时，它的播放和所有其他功能都在工作。

但我遇到了一些不同的问题。

1.当我点击播放按钮两次时，广播流同时播放两次..

2.当我按下停止按钮时，它会停止流，但如果我再次按下停止按钮，我会收到一条错误消息。

如何解决这个问题？？

我的 index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
      <head>
        <title>Waves of Power</title>

        <link rel="stylesheet" href="style.css" />
		<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
        <script type="text/javascript" charset="utf-8" src="radio.js"></script>
      
      
      
      
      </head>
     
     
     
     
     
     
      <body>
      			<div>
        		<img class="how" width="800px" height="1280px" src="images/ui.png" />
        		</div>
        
        
        
      <div class="cat-wrap">
        <div align="center" class="category" id="blin1">
          <a onClick="pauseAudio();"><img src="images/pause.png" width="90" height="90"  /></a>
        </div>
        <div align="center" class="category" id="blin2">
            <a onClick="playAudio('http://192.184.9.81:8374/;');"><img src="images/play.png" width="90" height="90" /> </a>
        </div>
        <div align="center" class="category" id="blin3">
            <a onClick="stopAudio();"><img src="images/stop.png" width="90" height="90" /> </a>
        </div>
        </div>
        
        
        

      </body>
    </html>

我的收音机.js

// JavaScript Document


        // Wait for device API libraries to load
        //
        //document.addEventListener("deviceready", onDeviceReady, false);

        // device APIs are available
        //
        //function onDeviceReady() {
        //    playAudio("http://192.184.9.81:8374/;");
        //}

        // Audio player
        //
        var my_media = null;
        var mediaTimer = null;

        // Play audio
        //
        function playAudio(src) {
            // Create Media object from src
            my_media = new Media(src, onSuccess, onError);

            // Play audio
            my_media.play();

            // Update my_media position every second
            if (mediaTimer == null) {
                mediaTimer = setInterval(function() {
                    // get my_media position
                    my_media.getCurrentPosition(
                        // success callback
                        function(position) {
                            if (position > -1) {
                                setAudioPosition((position) + " sec");
                            }
                        },
                        // error callback
                        function(e) {
                            console.log("Error getting pos=" + e);
                            setAudioPosition("Error: " + e);
                        }
                    );
                }, 1000);
            }
        }

        // Pause audio
        //
        function pauseAudio() {
            if (my_media) {
                my_media.pause();
            }
        }

        // Stop audio
        //
        function stopAudio() {
            if (my_media) {
                my_media.stop();
            }
            clearInterval(mediaTimer);
            mediaTimer = null;
        }

        // onSuccess Callback
        //
        function onSuccess() {
            console.log("playAudio():Audio Success");
        }

        // onError Callback
        //
        function onError(error) {
            alert('code: '    + error.code    + '\n' +
                  'message: ' + error.message + '\n');
        }

        // Set audio position
        //
        function setAudioPosition(position) {
            document.getElementById('audio_position').innerHTML = position;
        }

谢谢。

【问题讨论】：

标签： javascript cordova audio phonegap-plugins phonegap-build

【解决方案1】：

当您执行if (my_media) 时，您正在检查变量是否已定义。您还需要检查媒体播放状态。例如，在stopAudio() 函数中，您应该检查音频是否正在播放，而在playAudio() 中，检查它当前是否没有播放。您可以在plugin documentation 中找到如何使用状态。

【讨论】：