Développement web indépendant à Montpellier

Publié le mercredi 21 avril 2010 13:31:23

Gestion des vidéos avec Flash - Tutoriel 1

Cet article explique comment ajouter facilement des vidéos grâce à Flash (peu-importe la version utilisée... Flash CS3, CS4, MX...). La vidéo fût d'abord considérée comme un élément secondaire sur internet, ce n'est plus du tout le cas aujourd'hui avec les plates-formes de média comme Youtube, Dailymotion qui proposent aux internautes la diffusion de spot vidéos, voire de films plus longs.

Il s'agit d'un premier pas, je ne recommande pas d'intégrer les vidéos sur vos sites de cette manière.

Il y a plusieurs approches pour lire des vidéos avec Flash, on peut embarquer directement la vidéo dans le SWF, la charger dynamiquement au format FLV, utiliser un serveur de streaming (FMS, Red5) ou le simuler avec un fichier PHP Streaming.

Encoder sa vidéo

La première des choses à faire est tout d'abord d'encoder sa vidéo en l'un des formats supportés par le player Flash. Nous avions présenté récemment FFMPEG, mais il est possible d'utiliser l'encoder livré avec la suite CS d'Adobe.

Vous obtiendrez des fichiers des fichiers au format FLV lisibles pour le Player Flash.

Diffuser de la vidéo avec Flash

  • Embarquer la vidéo directement dans le SWF,
  • Charger une vidéo externe,
  • Faire du streaming avec PHP,
  • Utiliser un serveur de streaming,

Embarquer de la vidéo dans le SWF

Pour débuter, vous pouvez vous contenter d'importer directement la vidéo dans la bibliothèque Flash. Importer tout d'abord la vidéo au format FLV dans la bibliothèque de votre animation :

Sélectionnez ensuite votre vidéo FLV, puis choisissez Incorporer le fichier FLV dans SWF et le diffuser dans le scénario :

Vous arrivez ensuite sur un écran qui vous propose une sélection, choisissez Vidéo intégrée.

Terminez le processus, vous devriez maintenant voir apparaître dans la bibliothèque votre vidéo avec une icône de film. Faites maintenant glisser celui-ci dans un clip comme sur la figure ci dessous :

Puis compilez l'animation, vous obtenez votre film lu en boucle dans une animation. Ajoutons y un peu de code pour piloter cette vidéos.

Un petit peu d'actionscript

Avoir incorporé une vidéo dans flash, c'est bien beau, mais chacun veut pouvoir piloter celle-ci sur des actions basiques : Play, Pause, Mute, Stop. Avec très peu de code, nous allons implémenter ces fonctions.

Création des calques

Pour que notre animation soit ordonnée, nous allons commencer par créer de nouveaux calques en plus du calque qui contient notre film : un calque Action et un calque Boutons.

Par convention, on place en général le calque Action au dessus de tous les autres calques (Ce calque est en général nommé Action, Actions, 010101 selon les développeurs).

Ajout des boutons

Tout d'abord ajoutez 4 boutons sur la scène (pour Play, Pause, Mute, Stop). Dessinez grossièrement 4 clips ou utilisez les composants fournis par flash.

Il faut maintenant placer des noms d'occurrence sur chaque bouton pour pouvoir interagir avec : pour cela, sélectionnez le bouton sur la scène, puis entrez un nom d'occurrence dans la fenêtre propriétés :

Nous nommerons ces boutons bt_play, bt_pause, bt_stop et bt_mute. Les boutons sont maintenant prêts à recevoir les instructions Actionscript. Placer également un nom d'occurrence sur le clip contenant le film afin de pouvoir interagir avec dans l'AS, nous l'appellerons mc_film.

Actionscript

Ouvrez tout d'abord une fenêtre actions (sélectionnez le calque Action, puis cliquez sur la touche F9).

Entrez le code suivant :

_root.bt_play.onRelease = function()
{
    _root.mc_film.play();
};
_root.bt_pause.onRelease =  function()
{
    _root.mc_film.stop();
};
_root.bt_stop.onRelease =  function()
{
    _root.mc_film.gotoAndStop(1);
};
_root.bt_mute.onRelease = function()
{
    _root.stopAllSound();
}

Puis compilez l'animation. Votre vidéo est maintenant pilotable grâce aux boutons que vous venez d'intégrer.

Conclusion

On peut donc facilement faire un petit player flash en incorporant la vidéo, je disais au début du tutoriel que cette méthode n'était pas recommandée : en effet, pour visualiser la vidéo, il faudra attendre que l'intégralité de celle-ci soit chargé avant de commencer à lire l'application ce qui n'est pas souhaitable.

C'est pourquoi nous parlons de streaming, il est possible de débuter la lecture pendant son chargement. Ce sera l'objet du second tutoriel.

Pour aller plus loin, intégrez vos Vidéos avec le composant Video, les classes NetStream et NetConnection.

Notez cet article !

  • Actuellement 5 sur 5 étoiles
  • 1
  • 2
  • 3
  • 4
  • 5

Note : 5/5 (1 notes attribuées)

Merci d'avoir participé !

Vous avez déjà noté cette page, vous ne pouvez la noter qu'une fois !

Votre note a été changée, merci de votre participation !

Bonne résolution ! j'arrête d'alourdir mes pages avec des boutons de partage, mais vous pouvez continuer de partager :-)

Commentaires

  1. thank for this informative content.

  2. Nice to be visiting your blog once more, it has been months for me. Well this article that ive been waited for therefore long. i want this article to finish my assignment within the faculty, and it has same topic together with your article. Thanks, nice share.

  3. You’ve got some interesting points in this article. I would have never considered any of these if I didn’t come across this. Thanks!.

  4. https:/...es-21.html العاب 250

    https:/...kypatcher/ لوكي باتشر

    https:/...milat.com/ تحميلات

    https:/...mobogenie/ موبوجيني

    https:/...ftaty.com/ برامج اندرويد

    https:/...ogle-play/ متجر بلاي

    https:/...games.com/ العاب بنات

    http://...afriv.com/ العاب

    https:/...n-10-games العاب بن تن

    https:/...ssup-games العاب تلبيس

    https:/...king-games العاب طبخ

    https:/.../war-games العاب حرب

    https:/...cars-games العاب سيارات

    https:/...ball-games العاب كرة قدم

  5. I am glad you take pride in what you write. This makes you stand way out from many other writers that push poorly written content.

  6. I can see that you are an expert at your field! I am launching a website soon, and your information will be very useful for me.. Thanks for all your help and wishing you all the success in your business.

  7. Really good post! Keep it up with good work

  8. Your website is well established

  9. Wonderful illustrated information. I thank you about that. No doubt it will be very useful for my future projects. Would like to see some other posts on the same subject!

  10. Visit www.norton.com/setup for setup, download, reinstall, enter and activate your norton product key to setup your account.Step-by-Step guide for Norton setup key, Download & installation from norton.com/setup website.

  11. install n... | install norton with product key |

    Visit www.norton.com/setup for setup, download, reinstall, enter and activate your norton product key to setup your account.Step-by-Step guide for Norton setup key, Download & installation from norton.com/setup website.

  12. norton in... | norton internet security download |

    Visit www.norton.com/setup for setup, download, reinstall, enter and activate your norton product key to setup your account.Step-by-Step guide for Norton setup key, Download & installation from norton.com/setup website.

  13. norton do... | norton download and install |

    Visit www.norton.com/setup for setup, download, reinstall, enter and activate your norton product key to setup your account.Step-by-Step guide for Norton setup key, Download & installation from norton.com/setup website.

  14. norton se... | norton setup for windows 10 |

    Visit www.norton.com/setup for setup, download, reinstall, enter and activate your norton product key to setup your account.Step-by-Step guide for Norton setup key, Download & installation from norton.com/setup website.

  15. norton se... | norton setup enter product key |

    Visit www.norton.com/setup for setup, download, reinstall, enter and activate your norton product key to setup your account.Step-by-Step guide for Norton setup key, Download & installation from norton.com/setup website.

  16. install n... | install norton 360 product key |

    Visit www.norton.com/setup for setup, download, reinstall, enter and activate your norton product key to setup your account.Step-by-Step guide for Norton setup key, Download & installation from norton.com/setup website.

  17. reinstall... | reinstall norton internet security |

    Visit www.norton.com/setup for setup, download, reinstall, enter and activate your norton product key to setup your account.Step-by-Step guide for Norton setup key, Download & installation from norton.com/setup website.

  18. reinstall... | reinstall norton with product key |

    Visit www.norton.com/setup for setup, download, reinstall, enter and activate your norton product key to setup your account.Step-by-Step guide for Norton setup key, Download & installation from norton.com/setup website.

  19. reinstall... | reinstall norton antivirus with key |

    Visit www.norton.com/setup for setup, download, reinstall, enter and activate your norton product key to setup your account.Step-by-Step guide for Norton setup key, Download & installation from norton.com/setup website.

  20. reinstall... | reinstall norton after uninstall |

    Visit www.norton.com/setup for setup, download, reinstall, enter and activate your norton product key to setup your account.Step-by-Step guide for Norton setup key, Download & installation from norton.com/setup website.

  21. activate... | activate norton product key |

    Visit www.norton.com/setup for setup, download, reinstall, enter and activate your norton product key to setup your account.Step-by-Step guide for Norton setup key, Download & installation from norton.com/setup website.

  22. norton do... | norton download with product key |

    Visit www.norton.com/setup for setup, download, reinstall, enter and activate your norton product key to setup your account.Step-by-Step guide for Norton setup key, Download & installation from norton.com/setup website.

  23. load nort... | load norton with product key |

    Visit www.norton.com/setup for setup, download, reinstall, enter and activate your norton product key to setup your account.Step-by-Step guide for Norton setup key, Download & installation from norton.com/setup website.

  24. norton se... | norton setup product key install |

    Visit www.norton.com/setup for setup, download, reinstall, enter and activate your norton product key to setup your account.Step-by-Step guide for Norton setup key, Download & installation from norton.com/setup website.

  25. Visit www.norton.com/setup for setup, download, reinstall, enter and activate your norton product key to setup your account.Step-by-Step guide for Norton setup key, Download & installation from norton.com/setup website.

  26. norton cu... | norton customer support phone number |

    Visit www.norton.com/setup for setup, download, reinstall, enter and activate your norton product key to setup your account.Step-by-Step guide for Norton setup key, Download & installation from norton.com/setup website.

  27. norton 36... | norton 360 support phone number |

    Visit www.norton.com/setup for setup, download, reinstall, enter and activate your norton product key to setup your account.Step-by-Step guide for Norton setup key, Download & installation from norton.com/setup website.

  28. norton cu... | norton customer service phone number |

    Visit www.norton.com/setup for setup, download, reinstall, enter and activate your norton product key to setup your account.Step-by-Step guide for Norton setup key, Download & installation from norton.com/setup website.

  29. norton cu... | norton customer service number |

    Visit www.norton.com/setup for setup, download, reinstall, enter and activate your norton product key to setup your account.Step-by-Step guide for Norton setup key, Download & installation from norton.com/setup website.

  30. norton an... | norton antivirus phone number |

    Visit www.norton.com/setup for setup, download, reinstall, enter and activate your norton product key to setup your account.Step-by-Step guide for Norton setup key, Download & installation from norton.com/setup website.

  31. Visit www.norton.com/setup for setup, download, reinstall, enter and activate your norton product key to setup your account.Step-by-Step guide for Norton setup key, Download & installation from norton.com/setup website.

  32. norton te... | norton tech support number |

    Visit www.norton.com/setup for setup, download, reinstall, enter and activate your norton product key to setup your account.Step-by-Step guide for Norton setup key, Download & installation from norton.com/setup website.

  33. norton su... | norton support number usa |

    Visit www.norton.com/setup for setup, download, reinstall, enter and activate your norton product key to setup your account.Step-by-Step guide for Norton setup key, Download & installation from norton.com/setup website.

  34. Visit www.norton.com/setup for setup, download, reinstall, enter and activate your norton product key to setup your account.Step-by-Step guide for Norton setup key, Download & installation from norton.com/setup website.

  35. telephone... | telephone number for norton security |

    Visit www.norton.com/setup for setup, download, reinstall, enter and activate your norton product key to setup your account.Step-by-Step guide for Norton setup key, Download & installation from norton.com/setup website.

  36. Visit www.norton.com/setup for setup, download, reinstall, enter and activate your norton product key to setup your account.Step-by-Step guide for Norton setup key, Download & installation from norton.com/setup website.

  37. norton te... | norton technical support |

    Visit www.norton.com/setup for setup, download, reinstall, enter and activate your norton product key to setup your account.Step-by-Step guide for Norton setup key, Download & installation from norton.com/setup website.

  38. Visit www.norton.com/setup for setup, download, reinstall, enter and activate your norton product key to setup your account.Step-by-Step guide for Norton setup key, Download & installation from norton.com/setup website.

  39. Visit www.norton.com/setup for setup, download, reinstall, enter and activate your norton product key to setup your account.Step-by-Step guide for Norton setup key, Download & installation from norton.com/setup website.

  40. norton su... | norton support phone number |

    Visit www.norton.com/setup for setup, download, reinstall, enter and activate your norton product key to setup your account.Step-by-Step guide for Norton setup key, Download & installation from norton.com/setup website.

  41. I have no... | I have norton product key |

    Visit www.norton.com/setup for setup, download, reinstall, enter and activate your norton product key to setup your account.Step-by-Step guide for Norton setup key, Download & installation from norton.com/setup website.

  42. norton in... | norton internet security 2017 |

    Visit www.norton.com/setup for setup, download, reinstall, enter and activate your norton product key to setup your account.Step-by-Step guide for Norton setup key, Download & installation from norton.com/setup website.

  43. norton se... | norton security setup with product key |

    Visit www.norton.com/setup for setup, download, reinstall, enter and activate your norton product key to setup your account.Step-by-Step guide for Norton setup key, Download & installation from norton.com/setup website.

  44. norton se... | norton setup to install norton |

    Visit www.norton.com/setup for setup, download, reinstall, enter and activate your norton product key to setup your account.Step-by-Step guide for Norton setup key, Download & installation from norton.com/setup website.

  45. enter nor... | enter norton product key |

    Visit www.norton.com/setup for setup, download, reinstall, enter and activate your norton product key to setup your account.Step-by-Step guide for Norton setup key, Download & installation from norton.com/setup website.

  46. Visit www.norton.com/setup for setup, download, reinstall, enter and activate your norton product key to setup your account.Step-by-Step guide for Norton setup key, Download & installation from norton.com/setup website.

  47. Visit www.norton.com/setup for setup, download, reinstall, enter and activate your norton product key to setup your account.Step-by-Step guide for Norton setup key, Download & installation from norton.com/setup website.

  48. We can enjoy Android games on our PC and the latest games are worth playing on PC.

  49. Friend, this web site might be fabolous, i just like it.

  50. Please continue this great work and I look forward to more of your awesome blog posts.

  51. www.webroot.com/safe -24/7 technical support for Webroot antivirus, call us to get instant support on webroot installation issues Dial toll free 1-844-833-0610.
    https:/....org/safe/

  52. Where to seek out webroot Key Code? The Webroot security package is simple to setup & install at webroot.com/safe. Simply find 20-character alpha-numeric code that is...
    http://...-safe.org/

  53. Web-root -24/7 technical support for Webroot antivirus, call us to get instant support on webroot installation issues Dial toll free 1-844-833-0610.
    https:/...-root.org/

  54. Experience next generation Security level with Webroot in your all devices. Install and activate webroot from www.webroot.com/safe and don’t forget to run webroot safe scan to feel secure anywhere.
    https:/...-com-safe/

  55. https:/...nload.com/
    Since the Blackberry Operating System supports.

  56. www.webro... | www.webroot.com/safe | webroot/safe - download (windows 10) |

    Webroot Support provides all-round assistance for Webroot Antivirus. As soon as you register yourself for the use of Internet facility and get the advantage of surfing the World Wide Web, you are open to innumerable threats transmitted to your system due to online browsing sessions. Encounter perfect malware blocking with Webroot Antivirus. Let Webroot Support with its techsmarties help you protect your system and rectify the security issues. We at Webroot Support , have team of experts who help you or guide through all the stages of Webroot installation process.
    http://....org/safe/

  57. www.webro... | www.webroot.com/safe | Activate webroot at webroot safe |

    Where to seek out webroot Key Code? The Webroot security package is simple to setup & install at webroot.com/safe. Simply find 20-character alpha-numeric code that is..
    http://...-safe.org/

  58. webroot.c... | webroot.com/safe to get webroot safe setup |

    Experience next generation Security level with Webroot in your all devices. Install and activate webroot from www.webroot.com/safe and don’t forget to run webroot safe scan to feel secure anywhere.webroot.com/safe is a computer security software program for Microsoft Windows users that combine software as a service cloud protection with traditional Antivirus and anti-spyware desktop technologies. Built into the suite is a two-way firewall, a registry cleaner, Email anti-spam, secure browsing, anti-phishing and a password management service .The suite was initially released on July 26, 2010 as the 2011 version of the product.
    http://...-com-safe/

  59. Visit www.norton.com/setup for setup, download, reinstall, enter and activate your norton product key to setup your account.Step-by-Step guide for Norton setup key, Download & installation from norton.com/setup website.

  60. welcome to avg.com/retail website With the development of the digital world, online protection is crucial. It is extremely important to protect your PCs, Mac, computers as well as mobile devices and tablets with avg.com/retail. This can be done with the help of effective internet security and anti-virus products from avg.com/retail that safeguards all devices used on digital platforms.

  61. Thanks for every other informative site. The place else may just I get that kind of information written in such an ideal means? I have a venture that I’m just now operating on, and I have been on the look out for such information.

  62. Thanks for this great post, i find it very interesting and very well thought out and put together. I look forward to reading your work in the future.

  63. I think that thanks for the valuabe information and insights you have so provided here.

  64. You can make this work more effective to ad soem more good ideas in your writing style

  65. Android E... | Android Emulator for Windows |

    This is brilliant idea to share such great knowledge with reader.

  66. There is no doubt you done excellent work for reader. keep it up you way of writing

  67. Thanks for your sharing. Hope you can contribute more quality posts to this page. Thank you!


  68. Awesome and interesting article. Great things you've always shared with us. Thanks. Just continue composing this kind of post.

  69. I found your this post while searching for some related information on blog search...Its a good post..keep posting and update the information.

  70. belize re... | belize real estate for sale |

    Wow i can say that this is another great article as expected of this blog.Bookmarked this site..

  71. Great article Lot's of information to Read...Great Man Keep Posting and update to People..Thanks

  72. I was very pleased to find this site.I wanted to thank you for this great read!! I definitely enjoying every little bit of it and I have you bookmarked to check out new stuff you post.

  73. You have done a great job on this article. It’s very readable and highly intelligent. You have even managed to make it understandable and easy to read. You have some real writing talent. Thank you.

  74. You have raised an important issue..Thanks for sharing..I would like to read more current affairs from this blog..keep posting

  75. I am glad you take pride in what you write. This makes you stand way out from many other writers that push poorly written content.

  76. rules of... | Great app is here, you can play without bore this game on your Windows computer. |

    Using Nox or bluestacks, you can download ROS for PC windows.

  77. ruler | Nice game app, you can free download and enjoy it on your Windows PC. |

    ROS is a free game for Android, PC available.

  78. Just admiring your work and wondering how you managed this blog so well. It’s so remarkable that I can't afford to not go through this valuable information whenever I surf the internet!

  79. Family is everything. I love family,

  80. Good to see this post. Thank you for the efforts you put in to get this done. Also, try to download the movie hd for ios or iphone or ipad. Install the moviehd on ios 11 and other devices. Thanks.

  81. I was looking at some of your posts on this website and I conceive this web site is really instructive! Keep putting up.

  82. I was very pleased to find this site.I wanted to thank you for this great read!! I definitely enjoying every little bit of it and I have you bookmarked to check out new stuff you post.

  83. Choices S... | Choices Stories You Play Cheats |

    This site is truly incredible. The data here will unquestionably be of some assistance to me. Much obliged !

  84. You did really good work. I really appreciate your new and different post.Please guys keep it up and share with us some unique post in the future.C

  85. khivabrot... | henry |

    You did really good work. I really appreciate your new and different post.
    Please guys keep it up and share with us some unique post in the future…
    https:/...ivalpc.co/

  86. I was taking a gander at some of your posts on this site and I imagine this site is truly informative! Keep setting up..

  87. This is a great inspiring article.I am pretty much pleased with your good work.You put really very helpful information.

  88. Thanks for posting this info. I just want to let you know that I just check out your site and I find it very interesting and informative. I can't wait to read lots of your posts.

  89. Nice to be visiting your blog again, it has been months for me. Well this article that i’ve been waited for so long. I need this article to complete my assignment in the college, and it has same topic with your article. Thanks, great share.

  90. https://v... | https://vegasweddingsplanner.com/ |

    This is an awesome rousing article.I am practically satisfied with your great work.You put truly exceptionally supportive data. Keep it up. Continue blogging. Hoping to perusing your next post.

  91. <a href="https:/...>Eredan Arena</a> Cheats: Totally free Feez And Crystals
    The resources with this online game are so important. They are extremely important you will want them to reach your goals in the video game. So, what is the reason to struggle

  92. www.capitalone.com Travel Rewards, Average or Building Credit, Popular Cards, Business Rewards, Journey Student Rewards, Secured Master Card, and much more

  93. All those players who are in the lookout for a free In-Game Resources generator can consider the aforementioned website. It is a place which is easy to use and with the help of just a few clicks, players are able to add unlimited resources to their respective accounts without any delays.

    https:/...heats.com/

  94. All those players who are in the lookout for a free In-Game Resources generator can consider the aforementioned website. It is a place which is easy to use and with the help of just a few clicks, players are able to add unlimited resources to their respective accounts without any delays.

    <a href="https:/...</a>

  95. grate to see a very good information http://...unkey.net/ get free psn codes

  96. web desig... | web design virginia beach |

    Much appreciated you all that much to share these connections. Will look at this..

  97. This looks very less than professional, specifically when you are managing and also responding to questions which you have obtained on that email address.

  98. This looks very less than professional, specifically when you are managing and also responding to questions which you have obtained on that email address.

  99. Los juegos flash son mis favoritos.

  100. sf@gmail.com | brian holm lawyer san diego |

    Fabulous and totally enchanting, Cleverly constructed by the writer.

  101. Je veux juste dire merci pour votre merveilleux article, il contient beaucoup de connaissances et d'informations dont j'avais besoin en ce moment. Merci!

  102. Introduce me blogging indonesia want to visit on your website and read the contents of article useful for me,
    if any time please visit our website

  103. sharuk | free psn codes no survey |

    Thanks for uploading post.
    <a href="https:/..."> free psn codes no survey </a>

  104. happy new... | happy new year 2018 HD wallpapers |

    : New Year is the time, when we as a whole need to begin on a decent note

  105. Xender simply offer’s legitimate android and iOS application

  106. Chromecast Ultra enter the shred soon, we’ll see some particular controls for those gadgets as well

  107. Shazam is an extraordinary application to perceive TV and music around you

  108. highlight a detailed number of extras and highlights to give clients extreme adaptability

  109. kingo roo... | kingo root free download |

    Kingo Android Root is all inclusive android root programming that causes you root your Android gadgets, mobiles or tablets, inside only a single tick

  110. ShowBox application is a standout amongst other portable application to watch motion pictures from cell phone gadgets

  111. gta 5 hack | more info about gta 5 hack here |

    You're so awesome! I don't suppose I've read through anything like that before. So good to discover somebody with some unique thoughts on this subject. Seriously.. many thanks for starting this up. This web site is something that's needed on the internet, someone with a bit of originality! <a href="http://...ot;>Gta 5 hack</a>

  112. how do yo... | how do you know if you have tonsil stones |

    Tonsil Stones usually considered as the stones formed inside the throat due to the calcification of some particles like food and foreign objects

  113. 192.168.0.1 is a default IP deliver which must be entered in the address bar of your favored program in the event

  114. Download Opera Mini APK for Samsung,Android phones, tablets and devices.Opera Mini is a mobile phone, smartphone and pda web browser.

  115. Mobdro designer discharge the new authority full form Mobdro 2.0.4 on mid 2016

  116. nish gsu | psn codes |

    time to play games over playstation as it has got now the simplest to play and the fun is unlimited wow.. Its real time to explore the best website for psn gaming over internet http://...en.com/psn . Its real and wonderful as you will be able to achieve free psn codes and plus codes too.

  117. Are you in possession of a Blackberry device? Use this tutorial to download WhatsApp for Blackberry instantly. Since the Blackberry Operating System supports.

  118. Ryan Cata... | Ryan Cataldo Tequesta FL |

    An unbelievable blog. This blog will indisputably be definitely recommended to my friends as well.

  119. blog comm... | blog comments service |

    Howdy! Pleasant stuff, do update me as often as possible when you post again something like this!

  120. Blackcore edge is a dietary supplement which will help you to elevate your testosterone level