Soundcloud iframe不能与UIWebView swift一起使用
我正在使用iframe和’Widget API’来控制流媒体。 当我打电话给’Play(); 或’暂停();’ 播放按钮正在改变,但不播放音频。
@IBOutlet weak var videoWebView: UIWebView! var soundCloudIsLoaded : Bool = false var isPlaying : Bool = false override func viewDidLoad() { super.viewDidLoad() self.videoWebView.isUserInteractionEnabled = true self.videoWebView.allowsInlineMediaPlayback = true var htmlString = "var duration = 0;var position = 0;var isLoaded = false;var isPaused = true;var widgetIframe = document.getElementById('sc-widget'), widget = SC.Widget(widgetIframe), newSoundUrl = '{{url}}';widget.load(newSoundUrl, { show_artwork: false, hide_related : true, show_comments : false, show_user : false, show_reposts : false, buying : false, liking : false, download : false, sharing : false, show_playcount : false});widget.bind(SC.Widget.Events.READY, function(){ isLoaded = true; widget.getDuration(function(dur){ duration = parseInt(dur); }); setInterval(function() { widget.getDuration(function(dur){ duration = parseInt(dur); }); widget.getPosition(function(pos){ position = parseInt(pos); }); }, 500);});widget.bind(SC.Widget.Events.PLAY, function(){ isPaused = false;});widget.bind(SC.Widget.Events.PAUSE, function(){ isPaused = true;});function Play() { widget.play();}function Pause() { widget.pause();}function Toggle() { widget.toggle();}function SeekTo(milliseconds) { widget.seekTo(milliseconds); widget.getPosition(function(pos){ position = parseInt(pos); }); }function getDuration() { return duration;}function getPosition() { return position;}function soundCloudIsLoaded(){ return isLoaded;}function IsPaused(){ return isPaused;}" htmlString = htmlString.replacingOccurrences(of: "{{url}}", with: "URL") self.videoWebView.loadHTMLString(htmlString, baseURL: nil) self.videoWebView.delegate = self } @IBAction func playButtonAction(_ sender: Any) { if self.soundCloudIsLoaded { self.isPlaying = !self.isPlaying if self.isPlaying { let _ = self.videoWebView.stringByEvaluatingJavaScript(from: "Play();") self.playButton.setTitle("Pause", for: .normal) } else { let _ = self.videoWebView.stringByEvaluatingJavaScript(from: "Pause();") self.playButton.setTitle("Play", for: .normal) } } } func webViewDidFinishLoad(_ webView: UIWebView) { self.soundCloudIsLoaded = true }
在htmlString我有这个代码:
var duration = 0; var position = 0; var isLoaded = false; var isPaused = true; var widgetIframe = document.getElementById('sc-widget'), widget = SC.Widget(widgetIframe), newSoundUrl = '{{url}}'; widget.load(newSoundUrl, { show_artwork: false, auto_play : false, hide_related : true, show_comments : false, show_user : false, show_reposts : false, buying : false, liking : false, download : false, sharing : false, show_playcount : false }); widget.bind(SC.Widget.Events.READY, function(){ isLoaded = true; widget.getDuration(function(dur){ duration = parseInt(dur); }); setInterval(function() { widget.getPosition(function(pos){ position = parseInt(pos); }); widget.getDuration(function(dur){ duration = parseInt(dur); }); }, 500); }); widget.bind(SC.Widget.Events.PLAY, function(){ isPaused = false; }); widget.bind(SC.Widget.Events.PAUSE, function(){ isPaused = true; }); function Play() { widget.play(); } function Pause() { widget.pause(); } function Toggle() { widget.toggle(); } function SeekTo(milliseconds) { widget.seekTo(milliseconds); widget.getPosition(function(pos){ position = parseInt(pos); }); } function getDuration() { return duration; } function getPosition() { return position; } function soundCloudIsLoaded(){ return isLoaded; } function IsPaused(){ return isPaused; }
这段代码以前工作正常,但它在IOS webView上突然停止工作。 这在桌面浏览器上工作正常。
只需用WKWebView替换UIWebView:
import UIKit import WebKit class ViewController: UIViewController { @IBOutlet weak var playButton: UIButton! var isPlaying : Bool = false var webView: WKWebView? override func viewDidLoad() { super.viewDidLoad() let webConfiguration = WKWebViewConfiguration() webView = WKWebView(frame: self.view.bounds, configuration: webConfiguration) if let webView = webView { self.view.addSubview(webView) let viewBindingsDict = ["subView": webView] view.addConstraints(NSLayoutConstraint.constraints(withVisualFormat:"H:|[subView]|", options: [], metrics: nil, views: viewBindingsDict)) view.addConstraints(NSLayoutConstraint.constraints(withVisualFormat:"V:|[subView]|", options: [], metrics: nil, views: viewBindingsDict)) self.view.bringSubview(toFront: self.playButton) var htmlString = "" htmlString = htmlString.replacingOccurrences(of: "{{url}}", with: "https://soundcloud.com/hunterhayesofficial/rescue") webView.loadHTMLString(htmlString, baseURL: nil) } } @IBAction func playButtonAction(_ sender: Any) { self.isPlaying = !self.isPlaying if self.isPlaying { let _ = webView?.evaluateJavaScript("Play();") { [weak self] responce, error in guard error == nil else { print("An error occured: \(String(describing: error?.localizedDescription))") return } self?.playButton.setTitle("Pause", for: .normal) } } else { let _ = webView?.evaluateJavaScript("Pause();") { [weak self] responce, error in guard error == nil else { print("An error occured: \(String(describing: error?.localizedDescription))") return } self?.playButton.setTitle("Play", for: .normal) } } } }