Activa las notificaciones push PhoneGap Spain

Foro

Home Forums PhoneGap reproducir video en phonegap

This topic contains 7 replies, has 2 voices, and was last updated by  Leonardo Rincón 5 meses, 2 semanas .

Viendo 8 respuestas - de la 1 a 8 (de 8 en total)
  • reproducir video en phonegap

    Intervenciones
  • hector_tello 
    Participant

    Buenos días.

    Estoy intentando reproducir video en android y no lo consigo.

    he intentado con el plugin VideoPlayer, pero no hay forma.

    Por favor, ¿Alguien podría ayudarme?

    Mil gracias


    Leonardo Rincón 
    Participant

    Con el video Player funciona. Descarga el JS en tus carpetas y llámalo desde el Html. Y usa las etiquetas de < video > para llamarlo.


    hector_tello 
    Participant

    Muchas gracias Leonardo.

    Con video player no lo consigo o no se bien como utilizarlo.

    estoy siguiendo estas instrucciones.
    pero phonegap me da un error de compilación.

    Podrías mandarme una muestra del código para ver como se hace.
    Te estaría super agradecido, este tema me tiene super agobiado.

    Mil gracias de nuevo

    Para instalar el plugin, mover www / vídeo a la carpeta www de su proyecto e incluir una referencia a él en su archivo HTML después phonegap.js.

     Code: arbitrary (select
    1.
    2.

    <script type = "text / javascript" charset = "UTF-8" src = "phonegap.js"> <script />
    <script type = "text / javascript" charset = "UTF-8" src = "Video.js "> </ script>

    Crear un directorio dentro de su proyecto llamado “src / com / PhoneGap / plugins / vídeo” y mover VideoPlayer.java en ella.

    En sus res / archivo XML / plugins.xml añadir la siguiente línea:
    1.  <Nombre del plugin = "VideoPlayer" value = "com.phonegap.plugins.video.VideoPlayer" />
    Usando el plugin

    El plugin crea el objeto window.plugins.videoPlayer. Para utilizar, llame al método play ():

     Code: arbitrary (select
    1.
    2.
    3.
    4.
    5.
    6.

    / **
      * Mostrar un intento de reproducir el vídeo.
        *
        * @ Param url La url para jugar
        * /
      jugar (url)

    uso de la muestra:

     Code: arbitrary (select
    1.
    2.
    3.
    4.

    window.plugins.videoPlayer.play("http://path.to.my/video.mp4");
    window.plugins.videoPlayer.play("file:///path/to/my/video.mp4");
    window.plugins.videoPlayer.play("file:///android_asset/www/path/to/my/video.mp4");
    window.plugins.videoPlayer.play("https://www.youtube.com/watch?v=en_sVVjWFKk");

    • This reply was modified 5 meses, 2 semanas by Jose Jesus Perez Rivas Jose Jesus Perez Rivas. Reason: Debes utilizar el botón de publicar código que tienes en la caja de texto del foro

    • This reply was modified 5 meses, 2 semanas by Jose Jesus Perez Rivas Jose Jesus Perez Rivas. Reason: Debes utilizar el botón de publicar código que tienes en la caja de texto del foro
    Leonardo Rincón 
    Participant

    Ok, te comparto como me est funcionando:
    Este JS lo guardas en tu carpeta js del proyecto:

     Code: arbitrary (select
    1.
    2.
    3.
    4.
    5.
    6.
    7.
    8.
    9.
    10.
    11.
    12.
    13.
    14.
    15.
    16.
    17.
    18.
    19.
    20.
    21.
    22.
    23.
    24.

    cordova.define("cordova/plugin/videoplayer",
      function(require, exports, module) {
        var exec = require("cordova/exec");
        var VideoPlayer = function () {};

        /**
         * Starts the video player intent
         *
         * @param url           The url to play
         */
        VideoPlayer.prototype.play = function(url) {
            exec(null, null, "VideoPlayer", "playVideo", [url]);
        };

        var videoPlayer = new VideoPlayer();
        module.exports = videoPlayer;
    });

    if (!window.plugins) {
        window.plugins = {};
    }
    if (!window.plugins.videoPlayer) {
        window.plugins.videoPlayer = cordova.require("cordova/plugin/videoplayer");
    }


    Leonardo Rincón 
    Participant

    Los llamas desde el html despues del cordova js:
    1.  <script type="text/javascript" charset="utf-8" src="js/video.js"></script>

    e insertas el video con las etiquetas de <video> de html5

     Code: arbitrary (select
    1.
    2.
    3.
    4.
    5.

    <video src="tuvideo" width="100%" height="350" poster="img/poster.png" controls autoplay>
    <source type="application/x-mpegURL" >
    <source type="video/x-flv" src="mp4:stsp">

    </video>

    Espero que te funcione.


    hector_tello 
    Participant

    Nada, no lo consigo.

    no se si habra algún problema al hacer la compilación en phonegap build, la carpeta que subo son 8,5Mb
    pero la app son 5,4Mb.

    ¿Es posible que algo no se esté copiando?

    Mil gracias por ayudarme.


    hector_tello 
    Participant

    ¿Estaré poniendo mal el archivo VideoPlayer.java?

    Estoy copiando <span style=”text-decoration:underline;”>dentro de la carpeta www del proyecto phonegap</span> una carpeta res con el archivo plugin.xml

    y tambien en la carpeta www src -> com->phonegap -> plugins->video el archivo VideoPlayer.java

    ¿Esta bien asi?
    Muchisimas gracias


    Leonardo Rincón 
    Participant

    No se por que mencionas el video Player. Java. En la solución que te he compartido no lo menciono.


Viendo 8 respuestas - de la 1 a 8 (de 8 en total)

You must be logged in to reply to this topic.