如何使用webview在基于html5离线的Android应用中播放mp4视频?

时间:2015-09-11 08:13:14

标签: android html5 video webview mp4

我正在构建一个Android应用程序,可以离线显示几个html页面,每个页面可能包含一个或两个小的嵌入式mp4视频。原始的html文件用于构建运行没有任何问题的iPhone应用程序。当用户导航到新页面时,视频文件应该开始播放而无需任何用户交互。小型嵌入式视频应自动启动并无限循环。我在Linux Mint 17.2上使用Android Studio 1.3.2并且经过反复试验,并仔细尝试了我在这里找到的一些建议,我设法构建了一个应用程序(Android 4.4.2),如下所示:

在AndroidManifest.xml中,我添加了硬件加速功能并可以访问互联网:

android:hardwareAccelerated="true"
<uses-permission android:name="android.permission.INTERNET" />

使用以下代码构建应用程序:

compileSdkVersion 22
buildToolsVersion "22.0.1"
minSdkVersion 17
targetSdkVersion 22

在MainActivity.java中,我添加了WebChromeClient并启用了JavaScript。我阻止用户在使用setMediaPlaybackRequiresUserGesture选项自动播放视频之前必须先触摸:

private WebView mWebView;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    mWebView = (WebView) findViewById(R.id.activity_main_webview);
    mWebView.setWebChromeClient(new WebChromeClient());

    WebSettings webSettings = mWebView.getSettings();
    webSettings.setJavaScriptEnabled(true);
    webSettings.setMediaPlaybackRequiresUserGesture(false);

    mWebView.loadUrl("file:///android_asset/www/index.html");
}

在index.html文件中,我有以下几次尝试嵌入电影文件。在我复制到不同文件夹的所有三种情况下,电影都是相同的mp4文件:

<body>
1) Intern mp4, resides in assets/www
  <video id="vid2" width="100%" autoplay loop controls>
    <source src="./mov_bbb.mp4">
  </video>

2) extern SDcard
  <video id="video" width="100%" autoplay loop controls>
     <source src="file:///mnt/sdcard/cmr/mov_bbb.mp4">
  </video>

3) online WWW
  <video id="video" width="100%" autoplay loop controls>
    <source src="http://www.w3schools.com/html/mov_bbb.mp4">
  </video>
</body>

1)尝试加载并播放位于assets / www中的mp4(与index.html所在的位置相同)并打包在包内不起作用。当我按下播放按钮时,视频框变黑并调整大小到视频的大小,但它没有播放,我得到了未知的错误:

W/MediaPlayer﹕ info/warning (1001, 0)
E/MediaPlayer﹕ Error (1,-2147483648)

2)视频自动启动但不循环播放。此外,我不想让所有电影文件都位于外部SD卡中:

E/MediaPlayer﹕ Should have subtitle controller already set
W/MediaPlayer﹕ info/warning (3, 0)

3)在线内容:视频自动启动但不循环播放。我不希望该应用程序依赖于网络。离线访问是应用程序的重要组成部分。

I/MediaPlayer﹕ setDataSource(http://www.w3schools.com/html/mov_bbb.mp4)
E/MediaPlayer﹕ Should have subtitle controller already set
W/MediaPlayer﹕ info/warning (3, 0)

是否有任何理由将mp4视频嵌入到包中,就像使用图像和html文件不起作用一样?是否有使用额外脚本的解决方法可能可以解决我在构建应用程序时遇到的挑战?任何帮助表示赞赏。

1 个答案:

答案 0 :(得分:0)

我认为您将找到保存视频更改为sdcard