以UIWebView的方式来播放网络多媒体档案

来源:互联网 发布:身份核查软件 编辑:程序博客网 时间:2024/05/21 10:09

转:http://www.devdiv.com/iOS_iPhone-%E4%BB%A5UIWebView%E7%9A%84%E6%96%B9%E5%BC%8F%E6%9D%A5%E6%92%AD%E6%94%BE%E7%BD%91%E7%BB%9C%E5%A4%9A%E5%AA%92%E4%BD%93%E6%A1%A3%E6%A1%88-thread-33943-1-1.html

说明:示范如何利用UIWebView来播放网络多媒体档案,
并提供[WAV音效]、[MP3音乐]以及[MP4影片]等三种类型的预设连结。

1.jpg


可自行输入多媒体档案的网络位置

2.jpg

或点选由范例所提供的三组不同格式的多媒体档案

3.jpg

按下播放,将透过UIWebView呼叫Safari内建的影音接口来播放WAV格式的音效

4.jpg

播放MP4格式的影片

流程:
1.建立一个 View-Based Application 的项目并命名为 iPlayer
2.在iPlayerViewController.h及iPlayerViewController.m中参考下方的程序代码加入
3.打开iPlayerViewController.xib 在 Interface Builder 中设定Outlets与程序代码连结
4.测试

程序代码:
iPlayerViewController.h

  1. #import <UIKit/UIKit.h>

  2. @interface iPlayerViewController : UIViewController {
  3. IBOutlet UIWebView *webView;
  4. IBOutlet UITextField *tfaddress;
  5. }

  6. @property (nonatomic,retain) UIWebView *webView;
  7. @property (nonatomic,retain) UITextField *tfaddress;

  8. -(IBAction)PlayMediaFile:(id)sender;        //播放多媒體檔案
  9. -(IBAction)GetMidelLink:(id)sender;                //取得多媒體連結
  10. @end
复制代码
iPlayerViewController.m
  1. #import "iPlayerViewController.h"

  2. @implementation iPlayerViewController

  3. @synthesize webView,tfaddress;

  4. //播放多媒體檔案
  5. -(IBAction)PlayMediaFile:(id)sender{
  6. //當輸入的連結字串超過7個字則呼叫 loadRequest 去讀取檔案
  7. if (tfaddress.text.length>7){
  8. [webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:tfaddress.text]]];
  9. }else{
  10. //否則則呼叫 resignFirstResponder 來取消鍵盤的輸入 (就是隱藏虛擬鍵盤啦)
  11. [tfaddress resignFirstResponder];
  12. }
  13. }

  14. //取得多媒體連結
  15. -(IBAction)GetMidelLink:(id)sender{
  16. switch ([sender tag])
  17. {
  18. //將畫面上三個按鈕的 Tag 分別設定為 1,2,3 並透過 GetMidelLink 函式帶入後利用 switch 來判斷所選擇的按鈕並顯示適當的連結
  19. case 1: tfaddress.text=@"http://dev.iphonetw.net/0src/wavdemo.wav" ;break;
  20. case 2: tfaddress.text=@"http://dev.iphonetw.net/0src/mp3demo.mp3" ;break;
  21. case 3: tfaddress.text=@"http://dev.iphonetw.net/0src/mp4demo.mp4" ;break;
  22. }
  23. }

  24. //~~~ 以下資料省略 ~~~

  25. @end
复制代码