Also hier ist der Fall, ich benutze Cordova mit Ionen, um eine App zu machen. Eine der Funktionen der App ist, dass der Benutzer sein Video aufnehmen kann. Dieses Video soll dann unmittelbar nach der Aufnahme in der App erscheinen. Ich habe es geschafft, dass die App das Video aufzeichnet, das dann im Telefon des Benutzers gespeichert wird. Wenn ich jedoch versuche, das Video wieder hinzuzufügen, wird es nicht abgespielt.Video spielt nicht auf Android-Handy nach der Aufnahme mit Cordova + Ionen?
Bitte helfen Sie mir, dieses Problem zu lösen. Danke im Voraus.
Hier ist der HTML-Code für die Seite:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Practise</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" type="text/css" href="css/practise.css" />
</head>
<body>
<div id="videoArea"></div>
<button id="takeVideo" class="button button-positive button-block">Take Video</button>
<script src="cordova.js"></script>
<script src="js/practise.js"></script>
</body>
</html>
Hier ist der JavaScript-Code zu gehen mit ihm zusammen:
document.addEventListener("deviceready", captureVideo, false);
function captureVideo() {
document.querySelector("#takeVideo").addEventListener("touchend", function() {
console.log("Take video");
navigator.device.capture.captureVideo(captureSuccess, captureError, {limit: 1});
}, false);
}
function captureError(e) {
console.log("capture error: "+JSON.stringify(e));
}
function captureSuccess(s) {
console.log("Success");
console.dir(s[0]);
var path;
path = s[0].fullPath;
document.querySelector("#videoArea").innerHTML = "<video> <source src=\""+path+"\""+" type=\"video/mp4\"> </video>";
}