android简易网页播放器
android提供了MediaController播放器（使用mediaplay也是可以的）和网页加载控件webview，如何通过网页浏览方式调用MediaController播放需要解决如下几个问题：
1. 如何使用MediaController播放器。
2. 如何使用webview加载网页。
3. 网页脚本javascript如何调用android应用程序以及javascript和android应用程序直接的参数传递。
4. android的menu设置使用。
5. Apache环境搭建（我用的是LAMP）用于网页访问。
源代码分为android的java代码和资源文件代码以及一个简单的网页源码：
WebviewActivity.java
package tcl.webv;
import android.view.MenuItem;
import android.view.Menu;
import android.app.Activity;
import android.content.ComponentName;
import android.content.Intent;
import android.content.SharedPreferences;
import android.graphics.Color;
import android.os.Bundle;
import android.os.Handler;
import android.preference.PreferenceManager;
import android.util.Log;
import android.view.Display;
import android.view.Gravity;
import android.view.KeyEvent;
import android.view.WindowManager;
import android.webkit.WebChromeClient;
import android.webkit.WebView;
import android.webkit.WebViewClient;
//import android.webkit.Websettings;
public class WebviewActivity extends Activity {
private WebView web;
private Handler mHandler;
SharedPreferences prefs = null;
private static final String MAIN_URL = "http://192.168.1.31/site/index.php";
final private int menuRefr = Menu.FIRST;
final private int menuPrope=Menu.FIRST + 1;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
mHandler = new Handler();
String defValue = null;
String url;
/*获取属性设置项*/
prefs = PreferenceManager.getDefaultSharedPreferences(this);
prefs.edit();
/*从属性设置里面获取主页url*/
url = prefs.getString("lctvmaipage", defValue);
web = (WebView) findViewById(R.id.webView);
/*设置网页默认颜色*/
web.setBackgroundColor(Color.BLACK);
/*网页内核设置*/
web.setWebChromeClient(new WebChromeClient ());
//web.setWebViewClient(new HelloWebViewClient ());
/*网页脚本时使能*/
web.getSettings().setJavaScriptEnabled(true);
web.getSettings().setBuiltInZoomControls(true);
web.loadUrl(url);
/*用于android与网页javascript交互！*/
web.addJavascriptInterface(new Object() {
public void start( String mUrl,int x, int y, int w, int h) {
final String pUrl = mUrl;
final int p_x = x;
final int p_y = y;
final int p_w = w;
final int p_h = h;
mHandler.post(new Runnable() {
public void run() {
Intent intent_m = new Intent(WebviewActivity.this, tclVideoView.class);
/*播放器的 坐标和宽高*/
intent_m.putExtra("media_url", pUrl);
intent_m.putExtra("pos_x", p_x);
intent_m.putExtra("pos_y", p_y);
intent_m.putExtra("pos_w", p_w);
intent_m.putExtra("pos_h", p_h);
startActivity(intent_m);
}
});
}
/*用于在javascript中加载网页*/
public void load_url( String mUrl) {
Log.i("test", "mUrl = "+mUrl);
web.loadUrl(mUrl);
}
/*用于在javascript中退出网页*/
public void exit() {
finish();
}
}, "mediaPlay");
web.loadUrl(url);
}
protected void onResume ()
{
String url;
/*调用javascript接口通知网页播放完毕*/
url = "javascript:onTrailerStop()";
web.loadUrl(url);
super.onResume();
}
private class HelloWebViewClient extends WebViewClient {
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
view.loadUrl(url);
return true;
}
}
/*菜单项添加*/
public boolean onCreateOptionsMenu(Menu menu) {
/*网页刷新项*/
menu.add(0, menuRefr, Menu.NONE, "refresh");
/*属性设置项*/
menu.add(0, menuPrope, Menu.NONE, "property");
return super.onCreateOptionsMenu(menu);
}
/*菜单选择*/
public boolean onOptionsItemSelected(MenuItem item) {
String defValue = null;
switch (item.getItemId()) {
/*网页刷新*/
case menuRefr:
web.loadUrl(prefs.getString("lctvmaipage", defValue));
break;
/*调出属性设置菜单*/
case menuPrope:
Intent prope = new Intent(WebviewActivity.this, LeastTVPropety.class);
startActivity(prope);
break;
}
return super.onOptionsItemSelected(item);
}
/*按键截取*/
public boolean dispatchKeyEvent(KeyEvent event) {
// TODO Auto-generated method stub
boolean defValue = false;
String url;
/*截取遥控器按键，目的是不让浏览器处理按键，采用直接在 js中处理按键的方式*/
if(event.getAction()== KeyEvent.ACTION_DOWN)
{
/*调用js的按键处理函数*/
url = "javascript:onTCLKeyDown('" + event.getKeyCode() + "')";
web.loadUrl(url);
Log.i("test", "event.getKeyCode() = "+event.getKeyCode() );
}
/*返回键让浏览器处理*/
if(prefs.getBoolean("keyEnable", defValue)
|| event.KEYCODE_MENU == event.getKeyCode())
{
return super.dispatchKeyEvent(event);
}
else
{
return true;
}
}
}
tclVideoView.java
package tcl.webv;
/*
* Copyright (C) 2009 The Android Open Source Project
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import android.app.Activity;
import android.graphics.drawable.ColorDrawable;
import android.media.MediaPlayer;
import android.net.Uri;
import android.os.Bundle;
import android.util.Log;
import android.view.Gravity;
import android.view.KeyEvent;
import android.view.View;
import android.view.WindowManager;
import android.view.ViewGroup.LayoutParams;
import android.widget.LinearLayout;
import android.widget.MediaController;
import android.widget.RelativeLayout;
import android.widget.Toast;
import android.widget.VideoView;
public class tclVideoView extends Activity {
/**
* TODO: Set the path variable to a streaming video URL or a local media
* file path.
*/
private String path = "/mnt/sdcard/ly.mp4";
private VideoView mVideoView;
private int width = 640;
private int height = 320;
@Override
public void onCreate(Bundle icicle) {
super.onCreate(icicle);
setContentView(R.layout.media);
mVideoView = (VideoView) findViewById(R.id.surface_view);
LinearLayout mly = (LinearLayout) findViewById(R.id.mlayout);
/*获取播放url*/
Bundle bundle = this.getIntent().getExtras();
if(null != bundle)
{
path = bundle.getString("media_url");
}
/*url为空则弹出提示*/
if (path == "") {
// Tell the user to provide a media file URL/path.
Toast.makeText(
tclVideoView.this,
"Please edit VideoViewDemo Activity, and set path"
+ " variable to your media file URL/path",
Toast.LENGTH_LONG).show();
}
else
{
/*设置播放器的坐标和宽高*/
int pos_x = bundle.getInt("pos_x");
int pos_y = bundle.getInt("pos_y");
int pos_w = bundle.getInt("pos_w");
int pos_h = bundle.getInt("pos_h");
LayoutParams params = mVideoView.getLayoutParams();
params.height = pos_h;
params.width = pos_w;
mly.setPadding(pos_x,pos_y,0,0);
/*
* Alternatively,for streaming media you can use
* mVideoView.setVideoURI(Uri.parse(URLstring));
*/
mVideoView.setVideoURI(Uri.parse(path));
mVideoView.setMediaController(new MediaController(this));
mVideoView.requestFocus();
mVideoView.start();
}
mVideoView.setOnCompletionListener(new MediaPlayer.OnCompletionListener() {
/*when play finish then exit the play activity*/
public void onCompletion(MediaPlayer mp) {
mp.stop();
finish();
}
});
mVideoView.setOnErrorListener(new MediaPlayer.OnErrorListener() {
@Override
public boolean onError(MediaPlayer mp, int what, int extra) {
/*如果播放失败则播放默认的http://192.168.1.31/site/wild.mp4*/
mVideoView.setVideoURI(Uri.parse("http://192.168.1.31/site/wild.mp4"));
mVideoView.start();
/*返回true播放失败后播放器不弹出提示，如果返回false播放器出错后会弹出提示*/
return true;
}
});
}
public void onStop ()
{
/*停止播放*/
mVideoView.stopPlayback();
super.onStop();
return ;
}
public boolean dispatchKeyEvent(KeyEvent event) {
// TODO Auto-generated method stub
/*播放的时候按任何一个按键推出播放返回网页*/
if(event.getAction()== KeyEvent.ACTION_DOWN)
{
mVideoView.stopPlayback();
finish();
}
return super.dispatchKeyEvent(event);
}
}
LeastTVPropety.java
package tcl.webv;
import android.os.Bundle;
import android.preference.EditTextPreference;
import android.preference.PreferenceActivity;
public class LeastTVPropety extends PreferenceActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
/*属性设置布局*/
addPreferencesFromResource(R.layout.pref_page);
}
}
main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:scrollbars="none"
>
<WebView android:id="@+id/webView" android:layout_width="match_parent" android:layout_height="match_parent"></WebView>
</LinearLayout>
media.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/mlayout"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="#bb000000"
android:paddingTop="0dip"
android:paddingLeft="100dip">
>
<VideoView
android:id="@+id/surface_view"
android:layout_width="640dip"
android:layout_height="320dip"
>
</VideoView>
</LinearLayout>
pref_page.xml
<?xml version="1.0" encoding="utf-8"?>
<PreferenceScreen xmlns:android="http://schemas.android.com/apk/res/android">
<ListPreference
android:summary="Select a user"
android:title="Player Name"
android:key="playerName" android:singleLine="true" android:name="playerName"
android:entries="@array/player_names"
android:entryValues="@array/player_names"/>
<ListPreference
android:summary="Select a queue"
android:title="Message Queue"
android:key="queueUrl" android:singleLine="true" android:name="LCTQueueUrl"
android:entries="@array/main_page"
android:entryValues="@array/queue_urls"/>
<CheckBoxPreference
android:key="keyEnable"
android:title="Key Enable" />
<EditTextPreference
android:name="lctvMainPage"
android:title="Main Page"
android:singleLine="true"
android:defaultValue = "http://www.google.com"
android:key="lctvmaipage" />
<EditTextPreference
android:id="@+id/did"
android:name="deviceid"
android:title="Device ID"
android:singleLine="true"
android:defaultValue = "1"
android:key="did" />
</PreferenceScreen>
strings.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>
<string name="hello">Hello World, WebviewActivity!</string>
<string name="app_name">LeastClickTV</string>
<string-array name="player_names">
<item>Tcl Xman player</item>
<item>media player</item>
<item>storm pkayer</item>
</string-array>
<string-array name="main_page">
<item>tcl cloud</item>
<item>sina</item>
<item>sohu</item>
</string-array>
<string-array name="queue_urls">
<item>https://192.168.1.31/site/index.php</item>
<item>http://www.sina.com.cn</item>
<item>http://www.sohu.com.cn</item>
</string-array>
</resources>
androidMainfest.xml
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="tcl.webv"
android:versionCode="1"
android:versionName="1.0">
<uses-sdk android:minSdkVersion="8" />
<uses-permission android:name="android.permission.INTERNET" />
<application android:icon="@drawable/jj" android:label="@string/app_name">
<activity android:name=".WebviewActivity"
android:theme="@android:style/Theme.Translucent.NoTitleBar.Fullscreen"
android:label="@string/app_name">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
<activity android:name=".tclVideoView"
android:theme="@android:style/Theme.Translucent.NoTitleBar.Fullscreen"
android:label="@string/app_name">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
</intent-filter>
</activity>
<activity android:name=".LeastTVPropety"
android:label="@string/app_name">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
</intent-filter>
</activity>
</application>
</manifest>
网页：
<html>
<script language="javascript">
var url = "/mnt/sdcard/ly.mp4";
function playit() {
obj = document.getElementById('fname');
url = obj.value;
alert(url);
window.mediaPlay.start(url,0,0,600,400);
}
function onTCLKeyDown(t) {
obj = document.getElementById('testtest');
obj.innerHTML = "code="+t;
}
</script>
<body>
<br /><br />
<b id="note">please enter a play URL</b> <br/> <br />
<form action="form_action.asp" method="get" name="mainForm">
URL: <input type="text" name="fname" id = "fname" value="http://192.168.1.31/site/wild.mp4"/><br /><br />
<input type="button" value="play" OnClick="playit()"/>
</form>
<div id=testtest><a href=# onClick="testit('hello')">TestTest</a></div>
</body>
</html>