Avatar billede micbaknil Nybegynder
13. november 2002 - 16:33 Der er 8 kommentarer og
1 løsning

Hvordan styer man Media Player i en HTML-side?

Hej

Jeg har forgæves søgt info som kunne gøre mig klogere op hvorledes man kan styre funktioner fra Media Player i en HTML-side.
Jeg har så forsøg at følge dette eks. med titlen "DEUTSCHE_CLUB": http://www.eksperten.dk/spm/53695

Men med dette eks. og mange andre som jeg har fulgt, støder jeg på følgende problemer:

* FastForward og FastReverse funktionerne virker ikke.

* Når brugeren først trykker "Stop" og derefter "Pause", melder IE fejl - Hvorfor?

Koden jeg benytter ser således ud:

<div style="position:absolute;
    left:211px;
    top:261px;
    width:37px;
    height:17px;"
    onClick="MediaPlayer.play()"
    > <img src="characters/play1.gif" width="33" height="14" alt="spielen"></div>
       
        <div style="position:absolute;
    left:282px;
    top:261px;
    width:30px;
    height:15px;"
    onClick="MediaPlayer.fastforward()"
    > <img src="characters/forward1.gif" width="28" height="14" alt="rechts sp&uuml;len"></div>
       
        <div style="position:absolute;
    left:256px;
    top:261px;
    width:25px;
    height:15px;"
    onClick="MediaPlayer.fastReverse()"
    > <img src="characters/reverse1.gif" width="27" height="14" alt="links sp&uuml;len"></div>
       
        <div style="position:absolute;
    left:309px;
    top:215px;
    width:31px;
    height:12px;"
    onClick="MediaPlayer.stop();MediaPlayer.CurrentPosition=0;"
> <img src="characters/stop1.gif" width="31" height="15" alt="stop"></div>

<div style="position:absolute;
    left:347px;
    top:215px;
    width:25px;
    height:15px;"
    onClick="MediaPlayer.pause()"
    > <img src="characters/pause1.gif" width="24" height="14" alt="pause"></div>
   
<div style="position:absolute;left:22;top:366;">
<OBJECT ID="MediaPlayer" width=351 height=183 classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" standby="Loading Microsoft® Windows® Media Player components..." type="application/x-oleobject">
<PARAM NAME="FileName" VALUE="video_rb.avi">
<PARAM NAME="AutoStart" Value="False">
<PARAM NAME="ShowControls" VALUE="False">
<PARAM NAME="ShowStatusBar" VALUE="False">

</OBJECT>
</div>

Hvis der er nogle som kan hjælpe mig med problemet, vil jeg blive meget glad, da jeg snart har kløet mig så meget i nakken, at jeg er ved at blive skaldet ;-)
Avatar billede nikolajdu Nybegynder
13. november 2002 - 16:36 #1
Så vidt jeg husker skal Play FastForward og lignende stå med stort...
Avatar billede christian-petersen Nybegynder
13. november 2002 - 16:36 #2
Avatar billede nikolajdu Nybegynder
13. november 2002 - 16:37 #3
MediaPlayer.Play()
Avatar billede nikolajdu Nybegynder
13. november 2002 - 16:41 #4
Den her virker fint. Du skal bare udskifte navnet på filen her: <PARAM NAME="FileName" VALUE="video_rb.avi">


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
</head>

<body>
<div style="position:absolute;
    left:211px;
    top:261px;
    width:37px;
    height:17px;"
    onClick="MediaPlayer.Play()"
    > <img src="characters/play1.gif" width="33" height="14" alt="spielen"></div>
       
        <div style="position:absolute;
    left:282px;
    top:261px;
    width:30px;
    height:15px;"
    onClick="MediaPlayer.FastForward()"
    > <img src="characters/forward1.gif" width="28" height="14" alt="rechts sp&uuml;len"></div>
       
        <div style="position:absolute;
    left:256px;
    top:261px;
    width:25px;
    height:15px;"
    onClick="MediaPlayer.FastReverse()"
    > <img src="characters/reverse1.gif" width="27" height="14" alt="links sp&uuml;len"></div>
       
        <div style="position:absolute;
    left:309px;
    top:215px;
    width:31px;
    height:12px;"
    onClick="MediaPlayer.Stop();MediaPlayer.CurrentPosition=0;"
> <img src="characters/stop1.gif" width="31" height="15" alt="stop"></div>

<div style="position:absolute;
    left:347px;
    top:215px;
    width:25px;
    height:15px;"
    onClick="MediaPlayer.Pause()"
    > <img src="characters/pause1.gif" width="24" height="14" alt="pause"></div>
   
<div style="position:absolute;left:22;top:366;">
<OBJECT ID="MediaPlayer" width=351 height=183 classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" standby="Loading Microsoft® Windows® Media Player components..." type="application/x-oleobject">
<PARAM NAME="FileName" VALUE="lifetime2.wma">
<PARAM NAME="AutoStart" Value="False">
<PARAM NAME="ShowControls" VALUE="False">
<PARAM NAME="ShowStatusBar" VALUE="False">

</OBJECT>
</div>


</body>
</html>
Avatar billede metal_hansen Nybegynder
13. november 2002 - 16:59 #5
måske kan du også bruge


<html>
<head>
    <title>Untitled</title>
</head>

<body>
<p align="center"><object id="MediaPlayer"
    classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"
    width="128"
    height="98"
    style=" width: 400px; height: 400px" align="center">
    <param name="FileName" value="stientilditvideoklip.mpg">
    <param name="AnimationatStart" value="0">
    <param name="TransparentatStart" value="1">
    <param name="AutoStart" value="1">
    <param name="ShowControls" value="1">
    <param name="ShowStatusBar" value="1">
    <param name="ShowDisplay" value="0">
    <param name="ClickToPlay" value="0">
  </object>


</body>
</html>
Avatar billede micbaknil Nybegynder
14. november 2002 - 11:50 #6
Hej igen
Tak for den hurtige response.

Jeg forstår ikke at du (nikolajdu) kan køre det problemfrit, og for at give et eksempel vil jeg henvise til dette link: http://www.webintegrator.dk/test/video_test1.htm

I min browser (IE 6.0) opstår de samme problemer som jeg beskrev tidligere. Hvad problemet skyldes har jeg kun ringe anelse om. AVI-filen jeg bruger i eksemplet understøtter FastForward når jeg afspiller den i MediaPlayer version 7, men når jeg afspiller den via html-siden virker FastForward ikke. Kan det have noget at gøre med det ActiveX Object den henter er version 6.4?

Jeg håber at du/i har et forslag til at løse problemet..

//Michael
Avatar billede nikolajdu Nybegynder
14. november 2002 - 12:11 #7
Prøv at ændre codebase linien til 6.4

codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,0,0"

eller muligvis 7.0
Avatar billede micbaknil Nybegynder
14. november 2002 - 14:08 #8
Det virker desværre ikke..
Jeg fandt ud af at codebase til version 6.4 skal se således ud "Version=6,4,7,1112" , men trods det virker det stadigvæk ikke :-(

Har du eller andre uploadede eksempler hvor de nævnte funktioner virker uden at det skal køre i MediaPlayer 7 ?

Jeg fandt for øvrigt ud af at få MediaPlayer 7 controller til at virke, ulempen er bare den at brugeren skal have version 7 installeret:

* Link; http://www.webintegrator.dk/test/video_test2.htm


* Kode;
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
       
       
</head>

<body>

   
<div style="position:absolute;left:22;top:366;">
<OBJECT ID="Player" width=351 height=183 CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">

<PARAM NAME="AutoStart" Value="False">
<PARAM name="URL" value="video_rb.avi">
<PARAM name="uiMode" value="none">

</OBJECT>
<br>
<BR>
<INPUT TYPE="BUTTON" NAME="BtnPlay" VALUE="Play" OnClick="StartMeUp()">
<INPUT TYPE="BUTTON" NAME="BtnStop" VALUE="Stop" OnClick="ShutMeDown()">
<INPUT TYPE="BUTTON" NAME="BtnPause" VALUE="Pause" OnClick="PauseMe()">
<INPUT TYPE="BUTTON" NAME="BtnForward" VALUE=">>" OnClick="FastForwardMe()">
<INPUT TYPE="BUTTON" NAME="BtnReverse" VALUE="<<" OnClick="FastReverseMe()">
<SCRIPT>
<!--
  function StartMeUp ()
  {
      Player.controls.play();
  }

  function ShutMeDown ()
  {
      Player.controls.stop();
  }
   
    function PauseMe ()
  {
      Player.controls.pause();
  }
   
    function FastForwardMe ()
  {
      Player.controls.fastforward();
  }
   
    function FastReverseMe ()
  {
      Player.controls.fastreverse();
  }
-->
</SCRIPT>
<SCRIPT LANGUAGE="VBScript">
<!--
On error resume next
  Player.URL = ""
  if err then msgbox "You need Windows Media Player 7. Go to" & chr(13) &_
        "http://www.microsoft.com/windowsmedia"
    err.clear
-->
</SCRIPT>
</BODY>
</HTML>

</div>

<p align="center">
<a href="video_rb.avi"><b>Download videoklippet her!</b></a>
</p>
</body>
</html>
Avatar billede micbaknil Nybegynder
14. november 2002 - 14:35 #9
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester