[ERLEDIGT] Musik bei Mouseover abspielen

    Mahlzeit


    Ich habe auf meiner Seite Mundwerk unter Band die ganzen Mitglieder mit Bild aufgelistet.


    Nun ist Chris an mich mit einer Bitte herangetreten.
    Im neuen Video stellen sich die Mitglieder vor, indem Sie Ihren Namen sagen und das Instrument, welches Sie spielen.


    Ist es möglich, wenn ich das Video schneide, die einzelnen Sequenzen den einzelnen Bildern zuzuordnen, indem sie los spielen, wenn ich mit der Maus drüberfahre? Video und Musik wäre optimal, wenn nur Tonspur gehen sollte, auch nicht so schlimm....


    Stehe ich im Wald und sehe keine Bäume...


    Vielen Dank für Eure Hilfe.

    Bernie


    " Was wir alleine nicht schaffen, das schaffen wir dann zusammen..."


    :thumbsup:

    Noch nie drüber nachgedacht. Könnte das mir so vorstellen:


    <div onmouseover="this.innerHTML='[videobefehle]';id="bild"><img src..></div>


    Aber zwoemti hat sicher was im Ärmel...

    Mario


    Der einzige Lohn für Helfer ist ein Feedback.

    Zitat von "little-key"


    Noch nie drüber nachgedacht. Könnte das mir so vorstellen:


    <div onmouseover="this.innerHTML='[videobefehle]';id="bild"><img src..></div>


    Aber zwoemti hat sicher was im Ärmel...


    Hallo, na, sonst wärs ja nicht ich, wenn es nicht wieder was eigenes wäre, was???


    Sollte was einfaches sein, nichts kompliziertes.


    Na, dann warte ich halt auf zwoemti.

    Bernie


    " Was wir alleine nicht schaffen, das schaffen wir dann zusammen..."


    :thumbsup:

    Zitat von "little-key"


    :-\ Bei Dir gibts nichts einfaches.... :)


    Mario- wo du recht hast, hast Recht, keine Frage- nur, passen tut es dann doch immer wieder und schön anzusehen ist es dann auch. Und all die anderen hier können auch davon profitieren, denn solange frage ich mich durch, bis es dann doch immer wieder passt.

    Bernie


    " Was wir alleine nicht schaffen, das schaffen wir dann zusammen..."


    :thumbsup:

    mal so auf die schnelle gesagt...geht das direkt wunderschön und einfach mit html5....


    ABER


    keine Ahnung welches Format dein Video hat... muss es über youtube sein?


    @der andere Mario....denk mal an das Buch was ich dir mal geschickt habe da steht das wunderbar drin...


    hier mal ein Beispiel...


    http://dbojan.50webs.com/test/


    hab mal eben schnell gefrickelt...


    Code
    1. <video src="http://upload.wikimedia.org/wikipedia/commons/3/3e/Bonnie_and_Clyde_death_scene.ogg" id="id0" onMouseOver="id0.play()" onMouseOut="id0.pause()" onclick="window.location='http://upload.wikimedia.org/wikipedia/commons/3/3e/Bonnie_and_Clyde_death_scene.ogg';id0.pause()" loop title="Bonnie_and_Clyde_death_scene.ogg" poster="http://websitex5.kmp-design.de/testfiles/glaskugel.png" controls></video>


    Original ein Bild bei mouseover dann video abspielen wenn runter dann pause.... ich weiß nicht was du genau willst...

    Zitat

    Original ein Bild bei mouseover dann video abspielen wenn runter dann pause.... ich weiß nicht was du genau willst...


    Hallo Mario


    Was ich will:


    Das Video ist auf Youtube gespeichert, auch auf der Homepage hier das obere.


    Da stellen sich die Musiker nach der Reihe nach vor, was sie spielen oder singen.


    Und genau dieses Video sollte ich "zerschneiden", damit jeder Musiker einzeln gespeichert werden kann.
    Mit diesen kurzen Clip dann, möchte ich auf der Seite "Band"- wenn ich mit der Maus über das jeweilige Bild fahre, den kurzen Videoausschnitt mit Mouseover sehen.
    Also, ohne klicken ohne allem- nur mit der Maus drüberfahren, ein kleines Fenster oder popup, oder was weiß was auch immer geht auf und der Clip beginnt zu spielen. Wenn ich mit der Maus weggehe, dann geht das auch wieder weg und das Bild alleine ist wieder da, so wie es jetzt ist.


    Kompliziert erklärt?


    Video muss nicht über Youtube sein, das kann ich dann sicher auch anders speichern- was wäre das beste? Oder zumindest vom Programm konvertieren, da müsste es schon was geben, oder?


    Edit Bernie:


    Wenn es einfacher ist, auch nur mit einer Tonspur...


    Habe gerade schnell für Martin zusammengeschnitten und auf dem Server gepackt:


    http://www.pius-mundwerk.at/lied1.mp3



    Würde es so leichter gehen, oder ist es egal, ob Video oder Audio?

    Bernie


    " Was wir alleine nicht schaffen, das schaffen wir dann zusammen..."


    :thumbsup:

    Zitat von "zwoemti"


    Audio ist einfacher...aber heut ist nicht mein Tag... hab eben mal versucht aber nööö----heut will es mir nicht gelingen.


    Ja, is ja kein Problem...


    Dann wird es nur Audio geben, und fertig.

    Bernie


    " Was wir alleine nicht schaffen, das schaffen wir dann zusammen..."


    :thumbsup:

    Hallo


    Habe heute mit Chris gesprochen- es wird nun nur - wenn überhaupt möglich- eine Audiospur geben, KEIN Video dazu.
    ich habe am Nachmittag mal das Video zerlegt und die Tonspur geteilt. Es sind einige geworden, pro Bild eine Mp3- hoffe, Mp 3 passt?


    Titel muss ich auch noch ändern, von Video auf Tonspur- ist das ein Problem?

    Bernie


    " Was wir alleine nicht schaffen, das schaffen wir dann zusammen..."


    :thumbsup:

    mp3 und ogg brauchst du beides...sonst gehts nicht in jedem browser...


    sobald ich zeit habe mache ich mich ran...


    wie groß sind die jeweiligen audiodateien und wie lang?
    Derzeit ist mein stand das mouseover geht aber pause bzw abbrechen beim mouseout ist nicht fertig da derzeit die Musik noch bis zum ende läuft.

    Hallo
    Dann muss ich die mp 3 in ogg wandeln- einfach umbenennen?
    Werd ich mir in der Nacht mal anschauen...
    Die länge ist ungefähr gleich bei allen, so wie beim link "lied" weiter oben.
    Mehr später- lst nur mal schnell Antwort vom Handy...

    Bernie


    " Was wir alleine nicht schaffen, das schaffen wir dann zusammen..."


    :thumbsup:

    du musst entscheiden ob es beim mouseout gestoppt werden soll oder nicht ist nämlich doof wenn man runter geht und mit einmal ist das lied gestoppt und fängt dann wieder von vorne an.


    mp3 musst du in ogg umwandeln...

    Hallo
    denke es ist das beste- maus auf bild da spielt musi; maus weg und musi is aus.
    Ansonsten spielen 5-6 lieder wenn ein user schnell über mehrere bilder fährt...
    Umwandlungsprogramm werd ich sicher wo finden

    Bernie


    " Was wir alleine nicht schaffen, das schaffen wir dann zusammen..."


    :thumbsup:

    Zitat von "bernie"


    Hallo
    denke es ist das beste- maus auf bild da spielt musi; maus weg und musi is aus.
    Ansonsten spielen 5-6 lieder wenn ein user schnell über mehrere bilder fährt...
    Umwandlungsprogramm werd ich sicher wo finden


    nein das lied läuft bis zum ende...es werden nicht alle gestartet wenn man drüber fährt

    Zitat von "zwoemti"


    nein das lied läuft bis zum ende...es werden nicht alle gestartet wenn man drüber fährt


    Jo?

    Bernie


    " Was wir alleine nicht schaffen, das schaffen wir dann zusammen..."


    :thumbsup:

    Alles Test bis jetzt mit schicken Sachen ist fehlgeschlagen....


    Alle Test verliefen so das der Sound losgeht und dann nicht gestoppt wird wenn man auf das andere Bild geht - wieso auch immer...


    hab es dann auf die einfache Art gemacht...


    Code
    1. <audio id="petra">
    2. <source src="files/petra.ogg">
    3. <source src="files/petra.mp3">
    4. </audio>
    5. <div>
    6. <img src="images/petra.jpg" width="100" height="100" alt="petra" onmouseover="document.getElementById('petra').play()" onmouseout="document.getElementById('petra').pause()">
    7. </div>


    Namen bei jeden dann neu vergeben....hab dir mal alles komplett zum testen gemacht...dazu mehr in der PN.


    Hab dein Projekt nicht und alles ohne Bilder testen ist schwierig.....

    Mahlzeit


    Bitte nicht böse sein, bin noch nicht dazugekommen, wird noch etwas dauern.....(leider)

    Bernie


    " Was wir alleine nicht schaffen, das schaffen wir dann zusammen..."


    :thumbsup:

    Hallo


    Leute Ihr seit spitze- zwoemti danke!!!!!



    Schau, es funzt, jedoch mit Problemen....


    Folgendes:


    1. Wenn ich das Textfeld ober dem html code eingebe, rückt das Bild von Christian zu weit nach rechts, wenn ich oberhalb keinen Text habe, passt es.


    2.Der Besucherzähler ist auf jeder Seite unter der Navigation, bei der Bandseite ist er seit jetzt unter dem Seiteninhalt- der rote unter Balken ist nach rechts verschoben.



    Aber schaut mal selbst, überzeugt Euch von der tollen Arbeit vom zwoemti, danke! Bin sicher, diese Kleinigkeiten bald zu haben.


    Hier die Seite

    Bernie


    " Was wir alleine nicht schaffen, das schaffen wir dann zusammen..."


    :thumbsup: