Recherche logiciel liant image+son

Fermé
Deadmath - 10 mai 2017 à 11:39
 Deadmath - 11 mai 2017 à 12:06
Bonjour,

J'aimerais trouver un logiciel permettant de lié un panoramique et un son.

Le but est d'afficher sur une page web, le panoramique qui défile en continu à 360° avec un son (texte enregistré/musique).

Merci d'avance



A voir également:

1 réponse

Hydr0s Messages postés 1678 Date d'inscription lundi 24 janvier 2011 Statut Membre Dernière intervention 24 août 2022 673
10 mai 2017 à 11:51
Salut,

Pas besoin de logiciel (à part un bon vieux notepad) pour faire du code html.

Je pense que tu trouveras ton bonheur avec cet article https://codes-sources.commentcamarche.net/source/54787-viewer-panoramas-360
Et sinon, cette page propose une foule de plugin jquery différent pour afficher des images panoramiques https://www.sitepoint.com/10-jquery-panorama-image-display-plugins/

Pour le son, tu peux intégrer un lecteur directement dans la page web avec ce tutoriel d'open classroom et mettre en boucle la musique.
1
Merci pour ta réponse rapide.

J'ai pris le code source du 1er lien (https://codes-sources.commentcamarche.net/source/view/54787/1298446#browser) et j'ai réussi à afficher le panorama mais pas à l'animer. Enfin pas à réussir à le faire défiler. Une idée?

Merci d'avance
0
Hydr0s Messages postés 1678 Date d'inscription lundi 24 janvier 2011 Statut Membre Dernière intervention 24 août 2022 673
Modifié le 10 mai 2017 à 14:54
Dans le fichier jquery.panoram.js, il y a plusieurs options en haut de la page :
 $.fn.panorama = function(options) {
  this.each(function(){ 
   var settings = {
    viewport_width: 1000,
    speed: 30000,
    direction: 'left',
    control_display: 'no',
    start_position: 0,
    auto_start: true,
    mode_360: true
   };

Direction, 360 ou non, vitesse etc...
0
Deadmath > Hydr0s Messages postés 1678 Date d'inscription lundi 24 janvier 2011 Statut Membre Dernière intervention 24 août 2022
10 mai 2017 à 17:30
(function($) {
$.fn.panorama = function(options) {
this.each(function(){
var settings = {
viewport_width: 1000,
speed: 30000,
direction: 'left',
control_display: 'no',
start_position: 0,
auto_start: true,
mode_360: true
};


Je l'ai changé comme ceci, mais toujours sans succès.
0
Hydr0s Messages postés 1678 Date d'inscription lundi 24 janvier 2011 Statut Membre Dernière intervention 24 août 2022 673
10 mai 2017 à 21:49
as-tu également changé les liens dans le html pour faire référence aux fichiers ?
0
oui cela charge bien l'image mais elle ne défile pas
0