[Mao]

Hallo Forum,

für ein Projekt muss ich über HTML5 ein Video-Tutorial einbetten und mittels JavaScript ansteuern können.
Je nach Voreinstellung sollen unterschiedliche Ausschnitte des Videos ausgegeben werden.
Leider bin ich absolut neu auf diesem Gebiet.
Daher meine Frage: Macht hier ein Framework Sinn? Wenn ja, welches würde sich hierfür am besten eignen?

Hoffe ich stelle mich nicht allzu blöd an. Falls euch Infos fehlen, einfach schreiben.

Vielen Dank schonmal,

Gruß,
Mao

[Ludacris]

Versteh ich das richtig? Du willst ähnlich wie bei Youtube über einen Link direkt zu einer Stelle im Video springen?

[J000S]

Wenn du absolut neu in dem Gebiet bist... ist das dann nicht ein etwas krasser Einstieg?

[Mao]

Ja es ist ein bisschen krass für nen Einstieg, mein Professor lässt mir allerdings keine andere Wahl.

@ludacris: nicht ganz... stell dir das ganze so vor, oben gibt es 2 schieberegler mit jeweils 3 zuständen. mit diesen reglern kann man einstellen, wie häufig man den im tutorial beschriebenen Vorgang schon gemacht hat und was für ein vorwissen zum thema des tutorials besteht (laie, fortgeschrittener, experte).
Je nach einstellung dieser regler sollen dann automatisch verschiedene ausschnitte des videos gezeigt werden. sprich, die entsprechenden Ausschnitte über sprungmarken angesteuert werden.

mein prof meinte nun, ich soll mal schauen ob es für videos ein spezielles framework gibt, welches mir die arbeit erleichtern kann. Allerdings hab ich noch nie mit frameworks gearbeitet und dementsprechend keine ahnung.

@Fearxpc: Joa, müsste dann wohl ein JavaScript-Framework sein. Aber dann also kein framwork. Muss in der Ausarbeitung dann nur noch begründen warum hier ein Framework keinen Sinn macht... falls du mir hier noch 2 - 3 sätze schreiben könntest? Wär dir echt dankbar bzw. bin ich jetzt schon.

Gruß,
Mao

[Ludacris]

Prinzipiell ist die Verwendung eines eigenen Frameworks dafür absolut sinnlos - es würden mit hoher Wahrscheinlichkeit nur mehr JS daten geladen als wirklich notwengit. Wenn viele Daten geladen werden müssen wird der restliche Seitenaufbau verlangsamt und diverse jQuery funktionen funktioniern erst verspätet ($(document).ready())

Das Ganze sollte eigentlich problemlos über die HTML5 Video API machbar sein

[Mao]

Super, vielen Dank für die schnelle Hilfe/Antwort!

[Mao]

Nun gut, ihr habt mir wirklich sehr weitergeholfen!
Mit den von euch geposteten Quellen bekomm ich das mit Sicherheit hin.
Vielen Dank für eure Hilfe!

Gruß,
Mao

[Ludacris]

Kein Problem, wenn du noch was brauchst frag einfach!

[Paradise]

Ich bin da auch grade was am Basteln für mein MediaCenter.
Du weist ja die zeit der Bereiche die du anspringen musst.
Das ist meine Grundsteuerung:

// Trailer Play & pause
function playControl() {
  if (video.paused == false) {
	video.pause();
  } else {
	video.play();
  }
};

Und hiermit springe ich:

// Step forward 20s
function skipFwd() {
  video.currentTime += 20;
};

//Step back 20s
function skipRew() {
  video.currentTime += -20;
};

Und stoppen und auf 0 zurück setzen:

function trStop() {
  if (video.paused == false) {
	video.pause();
	video.currentTime = 0;
  } else {
	video.currentTime = 0;
  }
};

Kann sein das Fehler drin sind.
Musste einiges raus löschen weil
das normal ja noch viel mehr macht.
Aber vielleicht hilfts als Anregung.