Aller au contenu

site local : Images et vidéos ne fonctionnent plus avec android 10


Recommended Posts

Bonsoir à tous,

1er post de ma part, mes excuses s'il n'est pas au bon endroit.

Mon souci est assez simple à décrire, mais je n'ai pas trouvé de réponse adaptée jusque là : pour des tablettes qui sont mises à disposition d'un public débutant, j'ai créé une page web locale (très basique) pour abriter des vidéos de tutoriel sur l'utilisation basique de la tablette et de telle ou telle appli. Le raccourci vers cette page est placé sur l'écran d'accueil, de façon à ce que tout nouvel utilisateur puisse regarder les vidéos pour savoir comment utiliser la tablette et ses appli. Bref.

Jusque là, avec la dernière série de tablettes, tout fonctionnait bien quel que soit le browser utilisé (je ne sais plus quelle était la version d'android utilisée), mais avec la nouvelle série de tablettes, qui sont maintenant des galaxy tab a7 (android 10), si la page s'affiche sans problème, plus aucune image ni vidéo ne s'affiche, tous les liens sont "cassés", et ce, quel que soit le browser (chrome, mozilla, visionneuse html, etc etc)

 

Voilà un bout du code, les chemin sont relatifs (tout le contenu de la page est stocké dans un même dossier, avec le fichier index.html) :

<div class="rem"  id="6">
<a> 6 - Encyclop&eacute;dies et dictionnaires : Vikidia, Wikip&eacute;dia, Wiktionnaire, Wikiquote</a>
<br/>
<video class="video" src="Encyclo.mp4" controls type="video/mp4" poster="Encyclo.png"> </video>
<br/>
</div>

ici par exemple, les fichiers Encyclo.mp4 et Encyclo.png sont bien dans le même dossier que le fichier index.html mais les chemins ne fonctionnent pas : la vidéo et l'image ne s'affichent pas (seulement un encart avec un symbole de petit carré cassé).

 

Ce que j'ai comme info :

Le dossier ("tuto2") correspondant au contenu de la page est stocké sur la carte SD ; comme je le disais, l'ensemble du contenu de la page est dans un même dossier, sans sous-dossier.

L'adresse qui s'affiche dans le browser quand j'ouvre la page index.html est : content://0@media/external/file/947

Par contre, si, depuis cette page, je clique sur "ouvrir l'image dans un nouvel onglet" là où devrait se trouver l'image Encyclo.png, j'ai comme adresse : content://0@media/external/file/Carte%20SD/tuto2/Encyclo.png

 

Je n'ai pas réussi à trouver le chemin absolu des images/vidéos (si vraiment le chemin relatif ne fonctionne pas, j'aurais remplacé par le chemin absolu) .

 

Voilà ce que je peux donner comme info, comme vous vous en doutez je ne suis vraiment pas du milieu, j'ai "bidouillé" ça pour rendre service donc peut-être que la solution est toute simple.... mais je n'ai pas trouvé.

Un grand merci d'avance à tous ceux (et celles !) qui voudraient bien m'aider là-dessus. S'il manque des infos, dites-moi, je répondrai au mieux.

 

Sur ce très bonne soirée :)

Modifié par m_m
Lien vers le commentaire
Partager sur d’autres sites

Je pense que ce serait beaucoup plus simple de passer par un petit serveur http local comme https://play.google.com/store/apps/details?id=jp.ubi.common.http.server

La tu te heurtes aux restrictions d'accès aux dossiers de la SD imposées par les versions récentes d'Android, des méthodes d'accès à ces dossiers (ContentProvider/FileProvider/accès fichier direct). Ca devient compliqué.

Lien vers le commentaire
Partager sur d’autres sites

J'essaie ça tout de suite, merci !

après quelques hésitations, je n'arrive pas à faire fonctionner la page hors ligne avec simplehhtpserver. Tant que j'ai une connexion, aucun problème, mais dès que je suis hors ligne, la page ne s'affiche plus...

Modifié par m_m
Lien vers le commentaire
Partager sur d’autres sites

dsl pour la réponse tardive, je vois juste le message. Merci d'avoir pris le temps mais je vais confier le problème à un collègue qui s'y connaît un peu mieux que moi, je vais vous faire perdre votre temps sinon.

Je ne manquerai pas de poster la solution si j'en ai une !

Lien vers le commentaire
Partager sur d’autres sites

  • 2 months later...

Alors, je viens de faire un essai sur un de mes smartphones.

Finalement, j'ai préféré cette application : https://play.google.com/store/apps/details?id=com.nimcomputing.webserver car elle autorise l'accès via http://localhost et pas seulement via l'adresse IP (mobile ou wifi).

J'ai créé à la racine de la carte SD de mon téléphone un dossier "HTTP" avec un explorateur de fichiers (j'utilise MiX Explorer, mais il y en a plein)

Tu peux aussi le créer à partir du PC connecté en USB.

Ensuite j'ai téléchargé un exemple de site simple. Pas ça qui manque sur Internet, par exemple j'en ai pris un dans cette page : https://www.html5webtemplates.co.uk/templates/, j'ai téléchargé le zip. Plus précisément, celui-là : https://www.html5webtemplates.co.uk/wp-content/uploads/2020/05/simplestyle_banner.zip

Ensuite il faut extraire le zip dans le dossier HTTP créé plus haut.

 

Enfin, lancer l'application NiM Web Server,, cliquer sur le bouton 3 traits horizontaux en haut à gauche pour faire apparaitre le menu.

Dans ce menu, toucher "Settings"

J'ai positionné les paramètres suivants :

Launch at boot : je l'ai laissé désactivé, mais active-le si tu veux que le serveur web démarre automatiquement.

Document Root : j'ai navigué jusqu'au dossier HTTP créé ci-dessus, puis ouvert le sous-dossier "simplestyle_banner" créé par l'exraction du zip et touché "CHOOSE"

Localhost only : activé

Server port : tu peux mettre ce que tu veux >= 1024. Donc pas le port 80 par défaut des sites web. J'ai choisi 8080

Retour arrière

Appui sur START, normalement il doit passer en vert Status: RUNNING

L'URL doit être http://127.0.0.1:8080, si tu appuies dessus, il s'ouvre un navigateur internet qui doit afficher la page d'entrée de ce site exemple.

 

A toi de remplacer ça par ton propre contenu après, et changer le Document Root.

 

Lien vers le commentaire
Partager sur d’autres sites

Rejoignez la conversation

Vous pouvez poster maintenant et vous enregistrez plus tard. Si vous avez un compte, connectez-vous maintenant pour poster.

Invité
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Répondre à ce sujet…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.

×
×
  • Créer...