Poner una Alerta Sonora cuando te llega una notificación (Tocar un archivo mp3)

**Jhonnyf** · 02/11/2009, 18:26

Objetivo

Este Tutorial es parecido a este

Poner Imagen que parpadea cuando recibes una Notificación

Solo que en vez de poner una imagen que parpadee, vamos a hacer sonar un archivo en formato mp3 (para que sea chiquito en kb)

les recomiendo usar un archivo de tipo timbre y no una canción completa de 5 minutos

***************************

Herramientas a Usar

Reproductor de MP3 pequeño como el aouka (2.03 kb lo puedes bajar de aqui y escoge la version mini)
Un archivo de timbre que lo puedes sacar de tu Celular incluso debe ser un mp3 para que sea pequeño, si solo tienes WAVs usa un conversor a mp3 U_U (En el RAR adjunto está el que yo utilizo, que pesa 33.5 KB)

***************************

Edicion de Plantilla
Editamos la Plantilla $navbar y buscamos

Código HTML:

<div><span id="notifications">

y ponemos lo siguiente:

Código HTML:

<if condition="THIS_SCRIPT=='index' or THIS_SCRIPT=='search' or THIS_SCRIPT=='online'">
<object type='application/x-shockwave-flash' data='miniplayer_v12.swf' width='0' height='0'>
    <param name='movie' value='miniplayer_v12.swf'>
    <param name='FlashVars' value='mp3=mgsound.mp3&amp;autoload=true&amp;autoplay=true'>
</object>
</if>

Observaciones al codigo:

El IF hace que el sonido solo suene si está en el Index o buscando o viendo ONLINE; ya que seria muy molesto que navegando, viendo temas, entrando a UserCP etc, suene la alerta... incluso yo recomendaria que solo sea en el index
Recuerda cambiar el mp3=mgsound.mp3 por el nombre de tu archivo mp3
Debe estar el mp3 y el reproductor miniplayer_v12.swf en la raiz de tu foro

Temas Similares:

Poner Imagen que parpadea cuando recibes una Notificación

**Rafadecai** · 25/07/2010, 01:50

donde esta la plantilla $navbar no le veo por ningun lado del vb4

**Rafadecai** · 27/07/2010, 18:59

esto es lo ke me pone en la plantilla navbar

Código HTML:

<div id="navbar" class="navbar">
 <ul id="navtabs" class="navtabs floatcontainer<vb:if condition="$show['member'] AND $notifications_total"> notify</vb:if>">
  {vb:raw template_hook.navtab_start}
  <vb:if condition="!$vboptions['selectednavtab'] AND THIS_SCRIPT != 'search'">
   <li class="selected"><a class="navtab" href="{vb:raw vboptions.forumhome}.php{vb:raw session.sessionurl_q}">{vb:rawphrase forum}</a>
    <ul class="floatcontainer">
     {vb:raw template_hook.navbar_start}
     <vb:if condition="$show['searchbuttons']">
      <vb:if condition="$show['member']">
      <li><a href="search.php?{vb:raw session.sessionurl}do=getnew&amp;contenttype=vBForum_Post">{vb:rawphrase new_posts_nav}</a></li>
      <vb:else />
      <li><a href="search.php?{vb:raw session.sessionurl}do=getdaily&amp;contenttype=vBForum_Post">{vb:rawphrase todays_posts}</a></li>
      </vb:if>
     </vb:if>
     {vb:raw template_hook.navbar_after_getnew}
     <vb:if condition="$show['pmmainlink']">
      <li><a href="private.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase private_messages}</a></li>
     </vb:if>
     {vb:raw template_hook.navbar_after_pm}
     <li><a rel="help" href="faq.php{vb:raw session.sessionurl_q}">{vb:rawphrase faq}</a></li>
     {vb:raw template_hook.navbar_after_faq}
     <li><a href="calendar.php{vb:raw session.sessionurl_q}">{vb:rawphrase calendar}</a></li>
     {vb:raw template_hook.navbar_after_calendar}
     <li class="popupmenu">
      <a href="javascript://" class="popupctrl">{vb:rawphrase community}</a>
      <ul class="popupbody popuphover">
       {vb:raw template_hook.navbar_community_menu_start}
       <vb:if condition="$show['quick_links_groups']">
        <li><a href="group.php{vb:raw session.sessionurl_q}">{vb:rawphrase social_groups}</a></li>
       </vb:if>
       <vb:if condition="$show['quick_links_albums']">
        <li><a href="album.php{vb:raw session.sessionurl_q}">{vb:rawphrase pictures_and_albums}</a></li>
       </vb:if>
       <vb:if condition="$bbuserinfo['userid']">
        <li><a href="profile.php?{vb:raw session.sessionurl}do=buddylist"><vb:if condition="$show['friends_and_contacts']">{vb:rawphrase contacts_and_friends}<vb:else />{vb:rawphrase contacts}</vb:if></a></li>
       </vb:if>
       <vb:if condition="$show['memberslist']">
        <li><a href="memberlist.php{vb:raw session.sessionurl_q}">{vb:rawphrase members_list}</a></li>
       </vb:if>
       {vb:raw template_hook.navbar_community_menu_end}
      </ul>
     </li>
     {vb:raw template_hook.navbar_after_community}
     <li class="popupmenu">
      <a href="javascript://" class="popupctrl">{vb:rawphrase forum_actions}</a>
      <ul class="popupbody popuphover">
       <li>
        <a href="forumdisplay.php?{vb:raw session.sessionurl}do=markread">{vb:rawphrase mark_forums_read}</a>
       </li>
                                                        <vb:if condition="$show['member']">
       <li>
        <a href="profile.php?{vb:raw session.sessionurl}do=editoptions">{vb:rawphrase edit_options}</a>
       </li>
       <li>
        <a href="profile.php?{vb:raw session.sessionurl}do=editprofile">{vb:rawphrase edit_your_details}</a>
       </li>
       </vb:if>
      </ul>
     </li>
     <li class="popupmenu">
      <a href="javascript://" class="popupctrl">{vb:rawphrase quick_links}</a>
      <ul class="popupbody popuphover">
       <vb:if condition="$show['member']">
       <vb:if condition="$show['member']">
        <li><a href="subscription.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase subscribed_threads}</a></li>
       </vb:if>
       <li>
        <a href="javascript://" onclick="window.open(getBaseUrl() + 'misc.php?{vb:raw session.sessionurl}do=buddylist&amp;focus=1','buddylist','statusbar=no,menubar=no,toolbar=no,scrollbars=yes,resizable=yes,width=250,height=300'); return false;">{vb:rawphrase open_contacts}</a>
       </li>
       </vb:if>
       <vb:if condition="$vboptions['forumleaders']">
       <li><a href="showgroups.php{vb:raw session.sessionurl_q}" rel="nofollow">
  <vb:if condition="$vb_suite_installed">
   {vb:rawphrase view_site_leaders}
  <vb:else />
   {vb:rawphrase view_forum_leaders}
  </vb:if>
 </a></li>
       </vb:if>
       {vb:raw template_hook.navbar_quick_links_menu_pos1}
       {vb:raw template_hook.navbar_quick_links_menu_pos2}
       {vb:raw template_hook.navbar_quick_links_menu_pos3}
       <vb:if condition="$show['wollink']">
        <li><a href="online.php{vb:raw session.sessionurl_q}">{vb:rawphrase whos_online}</a></li>
       </vb:if>
       {vb:raw template_hook.navbar_quick_links_menu_pos4}
      </ul>
     </li>
     {vb:raw template_hook.navbar_end}
    </ul>
   </li>
  <vb:elseif condition="$vboptions['selectednavtab']=='usercp'" />
   <li class="selected"><a class="navtab" href="{vb:raw vboptions.forumhome}.php{vb:raw session.sessionurl_q}">{vb:rawphrase forum}</a>
    <ul class="floatcontainer">
     {vb:raw template_hook.navbar_start}
     <vb:if condition="$show['searchbuttons']">
      <vb:if condition="$show['member']">
      <li><a href="search.php?{vb:raw session.sessionurl}do=getnew&amp;contenttype=vBForum_Post">{vb:rawphrase new_posts_nav}</a></li>
      <vb:else />
      <li><a href="search.php?{vb:raw session.sessionurl}do=getdaily&amp;contenttype=vBForum_Post">{vb:rawphrase todays_posts}</a></li>
      </vb:if>
     </vb:if>
     {vb:raw template_hook.navbar_after_getnew}
     <vb:if condition="$show['pmmainlink']">
      <li><a href="private.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase private_messages}</a></li>
     </vb:if>
     {vb:raw template_hook.navbar_after_pm}
     <li><a rel="help" href="faq.php{vb:raw session.sessionurl_q}">{vb:rawphrase faq}</a></li>
     {vb:raw template_hook.navbar_after_faq}
     <li><a href="calendar.php{vb:raw session.sessionurl_q}">{vb:rawphrase calendar}</a></li>
     {vb:raw template_hook.navbar_after_calendar}
     <li class="popupmenu">
      <a href="javascript://" class="popupctrl">{vb:rawphrase community}</a>
      <ul class="popupbody popuphover">
       {vb:raw template_hook.navbar_community_menu_start}
       <vb:if condition="$show['quick_links_groups']">
        <li><a href="group.php{vb:raw session.sessionurl_q}">{vb:rawphrase social_groups}</a></li>
       </vb:if>
       <vb:if condition="$show['quick_links_albums']">
        <li><a href="album.php{vb:raw session.sessionurl_q}">{vb:rawphrase pictures_and_albums}</a></li>
       </vb:if>
       <vb:if condition="$bbuserinfo['userid']">
        <li><a href="profile.php?{vb:raw session.sessionurl}do=buddylist"><vb:if condition="$show['friends_and_contacts']">{vb:rawphrase contacts_and_friends}<vb:else />{vb:rawphrase contacts}</vb:if></a></li>
       </vb:if>
       <vb:if condition="$show['memberslist']">
        <li><a href="memberlist.php{vb:raw session.sessionurl_q}">{vb:rawphrase members_list}</a></li>
       </vb:if>
       {vb:raw template_hook.navbar_community_menu_end}
      </ul>
     </li>
     {vb:raw template_hook.navbar_after_community}
     <li class="popupmenu">
      <a href="javascript://" class="popupctrl">{vb:rawphrase forum_actions}</a>
      <ul class="popupbody popuphover">
       <li>
        <a href="forumdisplay.php?{vb:raw session.sessionurl}do=markread">{vb:rawphrase mark_forums_read}</a>
       </li>
                                                        <vb:if condition="$show['member']">
       <li>
        <a href="profile.php?{vb:raw session.sessionurl}do=editoptions">{vb:rawphrase edit_options}</a>
       </li>
       <li>
        <a href="profile.php?{vb:raw session.sessionurl}do=editprofile">{vb:rawphrase edit_your_details}</a>
       </li>
       </vb:if>
      </ul>
     </li>
     <li class="popupmenu">
      <a href="javascript://" class="popupctrl">{vb:rawphrase quick_links}</a>
      <ul class="popupbody popuphover">
       <li><a href="subscription.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase subscribed_threads}</a></li>
       <li>
        <a href="javascript://" onclick="window.open(getBaseUrl() + 'misc.php?{vb:raw session.sessionurl}do=buddylist&amp;focus=1','buddylist','statusbar=no,menubar=no,toolbar=no,scrollbars=yes,resizable=yes,width=250,height=300'); return false;">{vb:rawphrase open_contacts}</a>
       </li>
       <vb:if condition="$vboptions['forumleaders']">
       <li>
        <a href="showgroups.php{vb:raw session.sessionurl_q}" rel="nofollow">
  <vb:if condition="$vb_suite_installed">
   {vb:rawphrase view_site_leaders}
  <vb:else />
   {vb:rawphrase view_forum_leaders}
  </vb:if>
 </a>
       </li>
       </vb:if>
       {vb:raw template_hook.navbar_quick_links_menu_pos1}
       {vb:raw template_hook.navbar_quick_links_menu_pos2}
       {vb:raw template_hook.navbar_quick_links_menu_pos3}
       <vb:if condition="$show['wollink']">
        <li><a href="online.php{vb:raw session.sessionurl_q}">{vb:rawphrase whos_online}</a></li>
       </vb:if>
       {vb:raw template_hook.navbar_quick_links_menu_pos4}
      </ul>
     </li>
     {vb:raw template_hook.navbar_end}
    </ul>
   </li>
  <vb:else />
   <li><a class="navtab" href="{vb:raw vboptions.forumhome}.php{vb:raw session.sessionurl_q}">{vb:rawphrase forum}</a></li>
  </vb:if>
  {vb:raw template_hook.navtab_middle}
  <vb:if condition="!$vboptions['selectednavtab'] AND THIS_SCRIPT == 'search'">
   <vb:if condition="$show['member']">
   <li  class="selected"><a class="navtab" href="search.php?{vb:raw session.sessionurl}do=getnew&amp;contenttype=vBForum_Post">{vb:rawphrase getnew_tab}</a>
    <ul class="floatcontainer">
     <li><a href="search.php?{vb:raw session.sessionurl}do=getnew&amp;contenttype=vBForum_Post">{vb:rawphrase new_posts_nav}</a></li>
     <li><a href="search.php?{vb:raw session.sessionurl}do=getnew&amp;contenttype=vBForum_SocialGroupMessage">{vb:rawphrase new_group_messages_nav}</a></li>
     <li><a href="search.php?{vb:raw session.sessionurl}do=getnew&amp;contenttype=vBForum_Event">{vb:rawphrase new_events_nav}</a></li>
     {vb:raw template_hook.navbar_getnew_menu}
     <li><a href="forumdisplay.php?{vb:raw session.sessionurl}do=markread">{vb:rawphrase mark_forums_read}</a></li>
    </ul>
   </li>
   <vb:else />
   <li  class="selected"><a class="navtab" href="search.php?{vb:raw session.sessionurl}do=getdaily&amp;contenttype=vBForum_Post">{vb:rawphrase getnew_tab}</a>
    <ul class="floatcontainer">
     <li><a href="search.php?{vb:raw session.sessionurl}do=getdaily&amp;contenttype=vBForum_Post">{vb:rawphrase todays_posts}</a></li>
     <li><a href="search.php?{vb:raw session.sessionurl}do=getdaily&amp;contenttype=vBForum_SocialGroupMessage">{vb:rawphrase daily_group_message}</a></li>
     <li><a href="search.php?{vb:raw session.sessionurl}do=getdaily&amp;contenttype=vBForum_Event">{vb:rawphrase daily_events}</a></li>
     {vb:raw template_hook.navbar_getdaily_menu}
     <li><a href="forumdisplay.php?{vb:raw session.sessionurl}do=markread">{vb:rawphrase mark_forums_read}</a></li>
    </ul>
   </li>
   </vb:if>
  <vb:elseif condition="$show['member']" />
   <li><a class="navtab" href="search.php?{vb:raw session.sessionurl}do=getnew&amp;contenttype=vBForum_Post">{vb:rawphrase getnew_tab}</a></li>
  <vb:else />
   <li><a class="navtab" href="search.php?{vb:raw session.sessionurl}do=getdaily&amp;contenttype=vBForum_Post">{vb:rawphrase getnew_tab}</a></li>
  </vb:if>
  {vb:raw template_hook.navtab_end}
 </ul>
 <vb:if condition="$vboptions['enablesearches']">
 <div id="globalsearch" class="globalsearch">
  <form action="search.php?do=process" method="post" id="navbar_search" class="navbar_search">
   <input type="hidden" name="s" value="{vb:raw session.sessionurl}" />
   <input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
   <input type="hidden" name="do" value="process" />
   <span class="textboxcontainer"><span><input type="text" value="" name="query" class="textbox" /></span></span>
   <span class="buttoncontainer"><span><input type="image" class="searchbutton" src="{vb:stylevar imgdir_button}/search.png" name="submit" onclick="document.getElementById('navbar_search').submit;" /></span></span>
  </form>
  <ul class="navbar_advanced_search">
   <li><a href="search.php{vb:raw session.sessionurl_q}">{vb:rawphrase advanced_search}</a></li>
  </ul>
 </div>
 </vb:if>
</div>
</div><!-- closing div for above_body -->
<div class="body_wrapper">
<div id="breadcrumb" class="breadcrumb">
 <ul class="floatcontainer">
  <li class="navbithome"><a href="index.php{vb:raw session.sessionurl_q}" ><img src="{vb:stylevar imgdir_misc}/navbit-home.png" alt="{vb:rawphrase home}" /></a></li>
  {vb:raw navbits.breadcrumb}
  {vb:raw navbits.lastelement}
 </ul>
 <hr />
</div>
{vb:raw ad_location.ad_navbar_below}
{vb:raw ad_location.global_below_navbar}
<vb:if condition="$show['notices']">
 <form action="profile.php?do=dismissnotice" method="post" id="notices" class="notices">
  <input type="hidden" name="do" value="dismissnotice" />
  <input type="hidden" name="s" value="{vb:raw session.sessionurl}" />
  <input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
  <input type="hidden" id="dismiss_notice_hidden" name="dismiss_noticeid" value="" />
  <input type="hidden" name="url" value="{vb:raw return_link}" />
  <ol>
   {vb:raw notices}
  </ol>
 </form>
</vb:if>

**Miguelitros** · 29/11/2010, 13:16

Hola, estaría interesado en poder utilizar esto en la versión 4.0...
He probando introduciendo este código que muestra Jhonnyf en la platilla $navbar, pero al ser diferente versión me lanza errores. Mi platilla es como la que ha puesto arriba Rafadecai.

Ya tengo el reproductor y el sonido en la raíz del foro, solo me quedaría insertarle el código correcto en el lugar correcto.

Os agradecería mucho vuestra ayuda. Un saludo...

Poner una Alerta Sonora cuando te llega una notificación (Tocar un archivo mp3)

LinkBack

Herramientas

Visualización

Poner una Alerta Sonora cuando te llega una notificación (Tocar un archivo mp3)

Los siguientes 2 usuarios han agradecido a Jhonnyf por este útil mensaje:

Respuesta: Poner una Alerta Sonora cuando te llega una notificació

Respuesta: Poner una Alerta Sonora cuando te llega una notificació

El siguiente usuario ha agradecido a Rafadecai por este útil mensaje:

Respuesta: Poner una Alerta Sonora cuando te llega una notificació

Etiquetas de este tema