Maison  >  Article  >  interface Web  >  Que dois-je faire si la vidéo packagée locale dans uniapp ne peut pas être lue ?

Que dois-je faire si la vidéo packagée locale dans uniapp ne peut pas être lue ?

PHPz
PHPzoriginal
2023-04-06 14:21:141931parcourir

Le développement technologique a apporté de nombreux outils et appareils pratiques et de divertissement. La combinaison d'Internet et des téléphones mobiles a enrichi l'acquisition d'informations et les effets de divertissement. Parmi elles, les applications mobiles sont des outils couramment utilisés par les utilisateurs pour obtenir des informations et des divertissements, et uniapp est un cadre de développement d'applications multiplateformes qui prend en charge le développement d'applications pour plusieurs plates-formes. Cependant, lorsque vous utilisez uniapp pour empaqueter des vidéos locales, vous rencontrerez la vidéo. impossible de jouer, que se passe-t-il ?

uniapp est un framework de développement d'applications H5 basé sur le framework Vue.js. Il peut développer des applications multiplateformes en utilisant HTML5, CSS3, JavaScript et d'autres technologies. Par conséquent, ajouter des vidéos locales dans uniapp est une chose très simple. Pour ajouter une vidéo locale dans uniapp, il vous suffit de placer le fichier vidéo dans le dossier statique du répertoire racine du projet, puis d'utiliser la balise vidéo sur la page pour présenter la vidéo. Cependant, après avoir intégré l'application Uniapp dans une application, certains utilisateurs ont signalé que la vidéo ne pouvait pas être lue. Cela est dû au fait qu'Uniapp présente certains pièges auxquels il faut prêter attention.

Tout d'abord, vous devez confirmer si le fichier vidéo existe dans le dossier statique. En effet, certains développeurs qui ajoutent des vidéos ajoutent des fichiers vidéo au dossier des ressources du projet, ce qui entraîne l'échec de la compilation de la vidéo une fois emballée. Par conséquent, elle peut être lue de manière fluide pendant le développement et les tests locaux, mais ne peut pas être utilisée après l'empaquetage.

Deuxièmement, uniapp compressera et masquera toutes les ressources statiques après l'empaquetage, ce qui empêchera la lecture correcte des fichiers vidéo. Étant donné que le fichier vidéo lui-même est un fichier de flux binaire compressé, s'il est à nouveau compressé et obscurci, le navigateur ne pourra pas analyser le fichier vidéo et ne pourra pas le lire normalement.

La solution est également relativement simple. Il vous suffit de traiter les fichiers vidéo séparément lors de l'empaquetage. Vous pouvez placer les fichiers vidéo dans n'importe quel dossier sous le répertoire racine, puis utiliser des chemins relatifs pour les référencer dans uniapp. De cette manière, les fichiers vidéo seront exclus de la plage de traitement de compression et d'obscurcissement, et l'état d'origine des fichiers vidéo pourra être garanti. De plus, vous pouvez également définir les attributs Playsinline et Webkit-playsinline dans la balise vidéo afin que la vidéo puisse toujours être lue normalement lorsqu'elle n'est pas en plein écran.

En bref, l'ajout de vidéos locales est une fonctionnalité très pratique lorsqu'on utilise uniapp pour le développement d'applications. Cependant, s'il peut être lu normalement lors des tests locaux mais ne peut pas être utilisé après l'emballage, vous devez alors confirmer si les fichiers vidéo sont placés au bon emplacement et désactiver la compression et l'obscurcissement des fichiers vidéo. Grâce aux ajustements ci-dessus, je pense que tout le monde ne rencontrera pas le problème de l'impossibilité de lire la vidéo lors de l'utilisation d'uniapp pour ajouter des vidéos locales.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn