Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1025 connectés 

  FORUM HardWare.fr
  Programmation
  PHP

  Lecteur musique/vidéo pour site web

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Lecteur musique/vidéo pour site web

n°2278645
vateux
Vateux pendre
Posté le 31-03-2016 à 12:13:54  profilanswer
 

Bien le bonsoir mes chers sauveteurs,
 
J'ai ici présent un léger problème concernant un projet personnel, je ne trouve rien sur le net (je dois bien être débile parce qu'on trouve de tout sur le net).
Donc l'idée c'est que je cherches à faire/utiliser un lecteur de musiques/vidéos avec une simple option de lancement à un certain temps donné.
Par exemple en cliquant sur l'URL de mon site, je voudrais pouvoir accéder à une musique jouée par le player, mais à un moment donné (genre commencer la musique direct à 16 secondes du début).
Y aurait-il un Player qui permettrait ça ? si oui je suis très friande sur le fait de savoir lequel.
 
Je vous remercie déjà beaucoup mes copinous ;)

mood
Publicité
Posté le 31-03-2016 à 12:13:54  profilanswer
 

n°2278715
rufo
Pas me confondre avec Lycos!
Posté le 31-03-2016 à 23:20:31  profilanswer
 

Ben le player du HTML5 :??:
Pour l'audio :
http://www.w3schools.com/html/html5_audio.asp
En plus évolué : https://amazingaudioplayer.com/
 
Pour la vidéo : http://www.w3schools.com/html/html5_video.asp
En plus évolué : http://videojs.com/
 
Mais on le dira jamais assez, il faut laisser le contrôle à l'utilisateur :o Y'a rien de plus énervant qu'une musique ou une vidéo qui se lance sur un site qu'on consulte sans qu'on l'ait demandé ! :kaola:  
Perso, ce genre de site, je me casse direct.


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
n°2278724
vateux
Vateux pendre
Posté le 01-04-2016 à 09:11:06  profilanswer
 

Le problème c'est que les avis des gens c'est pas vraiment ça qu'il me faut, comme je l'ai précisé, c'est un projet personnel.
J'ai des raisons de vouloir faire commencer une piste/vidéo à un moment donné de celles-ci.
 
Du coup merci quand même d'avoir voulut m'aider, mais hélas ce que tu m'apportes ici ne m'a rien appris. Le player HTML5 ne dispose pas d'options de démarrage à un moment précis.
 
Par contre j'ai trouvé une solution rapide mais bien dégueulasse, et je cherches toujours quelque-chose de bien plus propre :

Code :
  1. <object
  2.     id="MediaPlayer" width="300" height="300"
  3.     classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6"
  4.     standby="Loading Microsoft Windows Media Player components..."
  5.     type="application/x-oleobject">
  6.     <param name="Url" value="test.mp3">
  7.     <param name="AutoSize" value="true">
  8.     <param name="AutoStart" value="true">
  9.     <param name="Balance" value="0">
  10.     <param name="DisplaySize" value="0">
  11.     <param name="Mute" value="false">
  12.     <param name="PlayCount" value="0">
  13.     <param name="currentPosition" value="60">
  14.     <param name="Rate" value="1.0">
  15.     <param name="ShowAudioControls" value="true">
  16.     <param name="ShowControls" value="true">
  17.     <param name="ShowDisplay" value="true">
  18.     <param name="ShowStatusBar" value="true">
  19.     <param name="ShowTracker" value="true">
  20.     <param name="StretchToFit" value="false">
  21.     <param name="TransparentAtStart" value="false">
  22.     <param name="Volume" value="100">
  23.     <embed type="application/x-mplayer2"
  24.         name="mediaplayer"
  25.         pluginspage="http://www.microsoft.com/Windows/MediaPlayer"
  26.         src="test.mp3"
  27.         Height="300"
  28.         Width="300"
  29.         AutoSize="1"
  30.         AutoStart="1"
  31.         Balance="0"
  32.         DisplaySize="0"
  33.         Mute="0"
  34.         PlayCount="20"
  35.         Rate="1.0"
  36.         ShowAudioControls="1"
  37.         ShowControls="1"
  38.         ShowDisplay="1"
  39.         ShowStatusBar="1"
  40.         ShowTracker="1"
  41.         StretchToFit="0"
  42.         TransparentAtStart="0"
  43.         currentPosition="60"
  44.         Volume="100">
  45.     </embed>
  46. </object>


L'option en gras permet de commencer la piste à partir de 60secondes (Exactement ce que je cherches), le soucis c'est que ça ne fonctionne que sous Internet Explorer (Pas Chrome, Pas Firefox, Pas Edge, rien ...).
Du coup le temps de développer mon site, je vais m'appuyer là dessus, mais si quelqu'un, je vous en supplie pourrait m'accorder une réponse, j'en serait bien ravie ;)
 
Merci encore à vous, et bonne journée ;)

n°2278728
mechkurt
Posté le 01-04-2016 à 10:02:01  profilanswer
 

Google => audio html5 changing start
 
http://stackoverflow.com/questions [...] o-position
 

Citation :

Make sure you attempt to set the currentTime property after the audio element is ready to play. You can bind your function to the oncanplay event attribute defined in the specification.


 
ou
 
http://www.position-absolute.com/a [...] ipulation/
 

Code :
  1. //Add and play a sound via JavaScript
  2. var audioElement = document.createElement('audio');
  3. audioElement.setAttribute('src', 'loading.ogg');
  4. audioElement.play();
  5. //Get the song filepath and duration
  6. audioElement.src;
  7. audioElement.duration;
  8. //Load a sound
  9. var audioElement = document.createElement('audio');
  10. audioElement.setAttribute('src', 'Mogwai2009-04-29_acidjack_t16.ogg');
  11. audioElement.load()
  12. audioElement.addEventListener("load", function() {
  13.   audioElement.play();
  14.   $(".duration span" ).html(audioElement.duration);
  15.   $(".filename span" ).html(audioElement.src);
  16. }, true);
  17. //Stop a song
  18. audioElement.pause();
  19. //Change volume
  20. audioElement.volume=0;
  21. //Play at exactly 35 seconds in the song
  22. audioElement.currentTime=35;
  23. audioElement.play();


---------------
D3
n°2278732
rufo
Pas me confondre avec Lycos!
Posté le 01-04-2016 à 10:27:07  profilanswer
 

vateux a écrit :

Le problème c'est que les avis des gens c'est pas vraiment ça qu'il me faut, comme je l'ai précisé, c'est un projet personnel.
J'ai des raisons de vouloir faire commencer une piste/vidéo à un moment donné de celles-ci.
 
Du coup merci quand même d'avoir voulut m'aider, mais hélas ce que tu m'apportes ici ne m'a rien appris. Le player HTML5 ne dispose pas d'options de démarrage à un moment précis.
 
[...]
 
Merci encore à vous, et bonne journée ;)


Il faudrait peut-être apprendre à lire la doc jusqu'au bout, non ? :o
 
http://www.w3schools.com/tags/ref_av_dom.asp


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
n°2278735
vateux
Vateux pendre
Posté le 01-04-2016 à 11:38:55  profilanswer
 

Merci 1000 fois mechkurt !
Tu me sauves la vie, tu as le droit à un gros bisous !
Du coup avec le code suivant, je peux démarrer la musique/vidéo comme je veux :

Code :
  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4.  <video id="myVideo" width="320" height="176" controls>
  5.   <source src="test.mp4" type="video/mp4">
  6.   Your browser does not support HTML5 video.
  7.  </video>
  8.  <script>
  9.   var vid = document.getElementById("myVideo" );
  10.    vid.autoplay = true;
  11.    vid.currentTime=30;
  12.  </script>
  13. </body>
  14. </html>


Simple et efficace, fonctionne sous Chrome, Firefox, Edge mais pas Internet Explorer (de toute façon qui utilise encore Internet Explorer hein ?).
 
Merci encore !

n°2278741
mechkurt
Posté le 01-04-2016 à 12:35:20  profilanswer
 

Attention dans les liens (mais ils datent un peu, peut-être que c'est moins d'actualités) il précise que la valeur doit être précisé après chargement du son, tu devrais peut-être encapsuler ton code dans un event onload...
 
Exemple avec la bibliothèque jquery : https://api.jquery.com/load-event/


---------------
D3

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  PHP

  Lecteur musique/vidéo pour site web

 

Sujets relatifs
Slide vidéo jqueryArduino lecteur RFID rc522
Webzine avec lecteur audioBackground video au lieu d'image ?
[AIDE] Choix site tourné commercialAffichage flux video RTSP Firefox
Serveur site webpb - site inaccessible en local
Idée Programation jeux video TRES COMPLEXE 
Plus de sujets relatifs à : Lecteur musique/vidéo pour site web


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR