10
votes

Hors ligne (CD, lecteur de pouce, etc.) No-Installez la présentation vidéo HTML +?

Notre société souhaite mettre un contenu de marketing / de formation sur des tiumbaduc USB à distribuer à nos clients.

Le contenu est HTML + des vidéos intégrées. Les vidéos (actuellement .flvs) ne sont pas interactives ou quelque chose comme ça, bien qu'ils soient importants pour le contenu. Le bit tresseux est que le HTML contient JavaScript qui doit être exécuté lorsque la vidéo est terminée.

Notre première pensée était d'utiliser une solution de wrapper vidéo Flash comme JWPlayer . Cela fonctionne bien lorsque les fichiers sont hébergé sur un serveur Web. Cependant, en raison des politiques de sécurité de Flash, local (par exemple" fichier: //foo.js ") code JavaScript ne peut pas recevoir de rappels de Flash Objects . En outre, les utilisateurs d'Internet Explorer obtiennent des avertissements de sécurité méchants (comme ils devraient bien!) Lorsque des fichiers Web locaux contiennent des objets ActiveX comme Flash.

idées?

Idéalement, nous aimerions être en tant que navigateur croisé et aussi plate-forme que possible sans demander aux utilisateurs d'installer quoi que ce soit. Mais nous ne pouvons pas garantir qu'ils ll être capable ou disposé à visser avec des paramètres de sécurité et nous ne pouvons pas garantir qu'ils disposeront d'un navigateur capable de HTML5-vidéo, non plus.

semble que l'industrie par défaut, la façon de faire cela consiste simplement à emballer des éléments dans l'exécutable de lecteur flash autonome. Je me demandais s'il pouvait être fait autrement, de préférence avec des normes Web.

Le Titanium AppCelerator Desktop serait proche de parfait, bien que le La version de bureau ne prend pas en charge la vidéo!


1 commentaires

Emballage des choses dans un serveur Web autonome pourrait être une alternative.


4 Réponses :


1
votes

Regardez dans les applications HTML de Microsoft HTA. Ils ont été spécialement conçus dans votre objectif à l'esprit et peuvent même être configurés comme cible d'exécution automatique sur l'insertion des médias. Vous n'avez pas besoin de modifier votre balise ou votre structure HTML - Ajoutez simplement la balise à n'importe quel fichier HTML, renommer à .HTA, puis vous pouvez faire référence au chemin de fichier comme vous l'avez fichier: /// xxx et Il utilisera les autorisations de l'utilisateur connecté pour accéder au système de fichiers sans avertissement.

Si vous avez besoin de compatibilité croisée multiplate-forme, je vous recommande de regarder dans Adobe Air - concept similaire, mais un peu plus de marquage pour l'obtenir en cours d'exécution.

Références:

HTA's

http://msdn.microsoft.com /en-us/library/ms536496(v=vs.85).aspx http://en.wikipedia.org/wiki/html_application

Adobe Air

http://www.adobe.com/products/air/


1 commentaires

Merci pour la réponse! L'air fonctionnerait, mais nous aimerions l'éviter car les utilisateurs devraient installer le temps d'exécution de l'air si elles ne l'avaient pas déjà installée.



0
votes

Si ce n'est que du contenu de marketing / de formation, pourquoi ne pas l'intégrer dans un fichier PowerPoint où vous pouvez toujours avoir une vidéo?


1 commentaires

Je vois ce que tu dis. Mais être autonome et la plate-forme croisée est l'un des grands objectifs.



5
votes

OK. Voici la solution que nous allons avec.

Mais d'abord, voici ce que nous sommes pas en utilisant. J'ai regardé dans Appelerator Titanium , qui promet d'autoriser la plate-forme croisée Applications de bureau construites avec HTML5 + CSS, à l'aide du moteur de rendu WebKit. Ils ont une édition de bureau, mais il est presque négligé en faveur de leur édition mobile. Crucialité, la version Windows de leur édition de bureau ne prend pas en charge la vidéo, ce dont nous avons besoin. Genre de limitation étrange, mais je ne vais pas les assommer pour nous concentrer sur le marché mobile en expansion rapide.

Alors, voici ce que nous allons avec: Mozilla Firefox, édition portable . Fonctionne très bien à cet effet avec quelques modifications.

Dans cet exemple, nous prétendons que nous fabriquons une présentation marketing pour les produits géniaux ACME.

  1. Renommez des fichiers. dans l'installation portable Firefox, renommer firefoxportable / app / firefox / firefox.exe to firefoxportable / app / firefox / ACME.EXE < / EM>, renommez le répertoire firefoxportable / app / firefox EM> Firefoxportable / App / Acme , et enfin renommé Firefoxportable / portablefirefox.exe to to < EM> Firefoxportable / AcMe.exe . (Voir Explorer dans Screencap ci-dessous)
  2. ini tweak. copier firefoxportable / app / defaultData / paramètres / firefoxportages.ini to firefoxportable / firefoxportables.ini et faites les modifications montré dans la capture d'écran ci-dessous. Cela rendra l'application lancement avec la taille de la fenêtre souhaitée, sans écran Splash Portable Firefox et avec la page de démarrage de notre choix. Vous devrez également modifier certains des chemins ici pour le dire où trouver les fichiers dont nous avons changé les emplacements à l'étape 1. (Voir la fenêtre de l'éditeur dans Screencap ci-dessous)
  3. masquer la structure de fichier d'application Firefox. Pour des raisons esthétiques, vous voudrez peut-être cliquer avec le bouton droit de la souris sur tous les fichiers et dossiers de firefoxportable / et à les cacher, à l'exception de acme.exe .
  4. changez de la barre de titre. Lancez ACME.EXE. Installez le "Personnaliser la barre de titre" Extension ou quelque chose de similaire. Utilisez cela pour modifier le texte de Portable Firefox en ce que vous voulez. (Alternativement, vous pouvez modifier /firefoxportable/app/acme/chrome/en-us.jar . Ouvrez le .jar et vous verrez locale / branding / marque.dtd ) Redémarrez ACME.EXE pour voir vos modifications de la barre de titre.
  5. désactive la fenêtre chrome. Allez dans le menu Affichage de Firefox portable et désactivez tout le chrome - la barre NAVBAR, la barre de signets, la barre d'état, etc. Gardez à l'esprit que vous pouvez frapper "alt "Touche de votre clavier pour récupérer la barre de menu et que vos utilisateurs finaux puissent aussi. (Alternativement, plusieurs extensions de style "kiosque" pour Firefox qui verrouillent l'application plus loin. Mais à mes fins, je ne m'en souciais pas vraiment.)
  6. Modifier l'icône de l'application. Utilisez un programme tel que ifofx (excellent et gratuit) Pour changer l'icône pour firefoxportable / app / acme / acme.exe . Remarque: Ianal, mais je crois que vous doit Supprimer la marque officielle Mozilla, telle que le logo Firefox, de Firefox avant de la redistribuer.

    Capture d'écran de l'application finale

    À ce stade, vous avez quelque chose de quelque chose de manière assez indiscernable d'une application native. De toute évidence, un utilisateur inventif peut pointer dans la structure de répertoire de votre application et voir que vous utilisez Firefox, et tous les raccourcis du clavier de Firefox seraient toujours actifs. S'il s'agit d'un problème pour vous, «kiosque» -style extensions pour Firefox existent, dont certains sont assez pare-balles, même si je n'ai pas testé d'entre eux, donc je ne leur ferai pas de lier ici. Encore une fois, pour moi que ce n'était pas un problème.

    Cette approche a beaucoup de place à améliorer. Les choses futures que j'aimerais explorer sont

    1. Divers modifications de configuration pour accélérer le temps de chargement
    2. Autorun.inf pour lancer ACME.EXE automatiquement
    3. Bien sûr, OSX et Linux versions.
    4. moyen de désactiver les raccourcis clavier de Portable Firefox. (Quel est le meilleur moyen? .Ini / À propos de: config Tweaks? Extension? .Ini / À propos de: Config Tweaks devrait être plus rapide)
    5. Découvrez comment changer l'icône pour /firefoxportable/acme.exe . Selon Ceci Un recompilement peut être nécessaire, contrairement à la plupart des fichiers .exe.

0 commentaires

0
votes

Je travaille sur un projet similaire. Je suis allé avec FF Portable aussi, mais je n'étais pas content de la vitesse. J'ai trouvé cet autre navigateur compatible minuscule, Mac et Linux. Vous avez besoin de copier le célibataire .exe sur un disque en écriture d'abord pour éditer les paramètres et de créer les dossiers de cache et de paramètres nécessaires (désactivez tous les paramètres d'écriture dans le navigateur pour éviter les erreurs), vous pouvez le graver sur CD.

Travailler ensemble jusqu'à présent!

navigateur Web QT


0 commentaires