Lecteur musique/vidéo pour site web

Lecteur musique/vidéo pour site web - PHP - Programmation

Marsh Posté le 31-03-2016 à 12:13:54    

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 ;)

Reply

Marsh Posté le 31-03-2016 à 12:13:54   

Reply

Marsh Posté le 31-03-2016 à 23:20:31    

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
Reply

Marsh Posté le 01-04-2016 à 09:11:06    

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 ;)

Message cité 1 fois
Reply

Marsh Posté le 01-04-2016 à 10:02:01    

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
  3. var audioElement = document.createElement('audio');
  4. audioElement.setAttribute('src', 'loading.ogg');
  5. audioElement.play();
  7. //Get the song filepath and duration
  9. audioElement.src;
  10. audioElement.duration;
  12. //Load a sound
  14. var audioElement = document.createElement('audio');
  15. audioElement.setAttribute('src', 'Mogwai2009-04-29_acidjack_t16.ogg');
  16. audioElement.load()
  17. audioElement.addEventListener("load", function() {
  18.   audioElement.play();
  19.   $(".duration span" ).html(audioElement.duration);
  20.   $(".filename span" ).html(audioElement.src);
  21. }, true);
  23. //Stop a song
  25. audioElement.pause();
  27. //Change volume
  29. audioElement.volume=0;
  31. //Play at exactly 35 seconds in the song
  33. audioElement.currentTime=35;
  34. audioElement.play();


---------------
D3
Reply

Marsh Posté le 01-04-2016 à 10:27:07    

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
Reply

Marsh Posté le 01-04-2016 à 11:38:55    

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 !

Reply

Marsh Posté le 01-04-2016 à 12:35:20    

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
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed