Forum PHP.pl > Napisy wyświetlane w czasie

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Napisy wyświetlane w czasie

Forum PHP.pl > Forum > Po stronie przeglądarki

Tho

3.08.2011, 11:42:26

Wiadomo jak wygląda plik z napisami do filmów: jest czas i obok tego tekst jaki się wyświetla, jak zrobić coś takiego na stronie? Nie chcę odtwarzacza filmów! Tylko jakby odtwarzacz napisów, który w danej sekundzie wyświetli dany napis, po wciśnięciu play.

Przyda się w tym celu pewnie coś z JavaScript, ale co jeszcze? Jak zrobić by to było LEKKIE?

buliq

3.08.2011, 11:47:54

Przyda się sam JS

W php wygenerujesz json z napisów ale tablicę js jak ci wygodniej. Po wciśnięciu play będziesz co sekundę zwiększał zmienną czas i porównywał czy pokazać już nowe napisy

Tyle

Fifi209

3.08.2011, 12:09:33

Nie zapominaj, że tam jest czas od-do kiedy mają się wyświetlać napisy, to również musisz zabrać pod uwagę.

Napisz może do czego jest Ci to potrzebne, to będzie można podać więcej pomysłów.

Tho

3.08.2011, 23:00:47

W zasadzie zbyt dużo mi nie wyjaśniliście(nic!)

Aczkolwiek dzięki za przynajmniej próbę pomocy.

Pytacie do czego to ma służyć - ma to być pokaz slajdów uruchamiany przyciskiem play wraz z napisami, podpisem do każdego obrazka, ale nie chce by było to jako obrazek+napis i wyświetlane co jakiś czas, a zorganizowane w czasie, czas=obrazek+napis, mam określać sam ile dany slajd(napis+obrazek/obrazki - jeden podpis dla kilku obrazków z kolei).

Jak to zacząć by móc później wymanewrować z tego w coś większego, a złym zaczęciem nie zepsuć sobie perspektyw?

buliq

3.08.2011, 23:11:49

To może podpowiem tak:

[JAVASCRIPT] pobierz, plaintext 
var napisy = new Array();
 
//przypisujesz tablicy elementy w formie:
// napisy[kiedy_wyswietlic] = napis;
...
var time =0;
$("#play").click(function() {
setInterval(function() {
 
if (napisy[time]!==null)
$("#napis").html(napisy[time]);
 
time++;
},1000);
});
 
[JAVASCRIPT] pobierz, plaintext

I to by było na tyle. Prościej się nie da.

Tho

4.08.2011, 11:34:01

Sorry, ale piszecie tak wprost jak bym był programistą

Jaką tablicę pod to podpiąć i jak to zrobić?

Co robi w kodzie powyżej ".html", mam utworzyć jakiś plik html? Co w nim umieścić.

Chciałbym by wszystkie teksty tych pokazów, były poukładane w bazie danych, tak samo jak obrazki im odpowiadające.

Czy skorzystać może z jakiegoś już stworzonego skryptu pokazu slajdów?

buliq

4.08.2011, 13:27:22

Oj widzę że będzie ciężko

Więc tak. Musisz się zdecydować albo odtwarzasz z plików .txt .srt itp. albo odtwarzasz z bazy danych. Przypadek pierwszy:

[PHP] pobierz, plaintext 
$dane = file($nazwa_pliku);
foreach($dane as $line) {
//nie wiem jaki format pliku z napisami jest więc musisz poniżej zmienić
$data = explode(";",$line);
$text = $data[3];
$time = $data[0];
echo 'napisy['.$time.'] = "'.$text.'";';
[PHP] pobierz, plaintext

i to wstawiasz w 5 lini powyższego kodu.

Sposób na baze danych jest taks samo tylko że zamiast tworzenia tablicy pliku pobierasz te dane z bazy danych. Wszystko wstawiasz w pliku *.php

Tho

4.08.2011, 14:56:53

Cytat(buliq @ 4.08.2011, 14:27:22 )

Oj widzę że będzie ciężko

Nie wspominałem?

Czy aby nie ma błędu w tym kodzie php, bo gdy go dodaje, wyświetla w moim edytorze kodu błąd(już po dodaniu "?>" oczywiście).

Mam to połączyć z tym js powyżej? Czy jest to osobny skrypt?

Dzięki za wyrozumiałość.

buliq

4.08.2011, 15:32:07

Cytat(buliq @ 4.08.2011, 14:27:22 )

i to wstawiasz w 5 lini powyższego kodu.

Oczywiście ze jest błąd

Nie znalazłeś go ?

nie ma klamry na końcu dla foreach

Tho

4.08.2011, 15:58:22

Znalazłem, ale teraz widzę że robisz to specjalnie i mi strzelasz z ucha dla zabawy... Ale pewnie Ty sam się nauczyłeś wszystkiego, bez niczyjej pomocy... Czy mógłby ktoś dodać przynajmniej do tego jakieś komentarze, kompletnie tego nie łapię i prawdopodobnie tego całego php się nie naucze nigdy.

buliq

4.08.2011, 16:23:30

Forum jest aby pomagać innym a nie robić tego za nich

Taki problem jak brak klamry powinien być łatwy do wyłapania. Najpierw powinieneś zaopatrzyć się w wiedzę podstawową na ten temat i dopiero pisać coś w ten deseń. A ja sam się nie uczyłem, miałem od tego google i poradniki

[HTML] pobierz, plaintext 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
  <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2" />
  <meta name="Description" content=" [wstaw tu opis strony] " />
  <meta name="Keywords" content=" [wstaw tu slowa kluczowe] " />
 
  <title> [tytuł strony] </title>
 
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
	<script type="text/javascript">
	$(document).ready(function() {
		var napisy = new Array(); //definicja tablicy
		<?php
		$dane = file("xxx.txt"); // do tablicy array w php wrzucasz wszystkie linie z pliku
		foreach($dane as $line) { // iteracja tablicy po liniach pliku
		//nie wiem jaki format pliku z napisami jest więc musisz poniżej zmienić
		$data = explode(";",$line); // podzielenie ciągu znaków na tablicę, jako separator użyto ;
		$text = $data[3]; // 4 element to tekst
		$time = $data[0]; // 1 element to czas
		echo 'napisy['.$time.'] = "'.$text.'";'; //przypisanie do js
		}
		?>
		var time =0; // znacznik czasowy
		$("#play").click(function() { // jak wciśniemy cos o id="play"
			setInterval(function() { // uruchom co 1000 sekund ten kod
				if (napisy[time]!==null) // jeżeli w tablicy jest napis z aktualnym czasem 
					$("#napis").html(napisy[time]); // to przypisz go elementowi o id="napis"
				time++; // zwiększ czas o 1
			},1000);
			return false;
		});
	});
	</script>
</head>
<body>
<a href="#" id="play">Play</a>
<div id="napis"></div>
 
 
</body>
</html>
[HTML] pobierz, plaintext

1 plik

Tho

4.08.2011, 18:23:50

Dzięki, ale powiesz mi co robi tam:

Cytat

$("#napis").html(napisy[time]);

?

I gdzie wpisać w jakiej sekundzie i co ma się wyświetlać? Sorry, ale najważniejszego nie napisałeś

2 plusy już są, czy będzie 3-ci?

buliq

4.08.2011, 18:36:45

To nie dla plusów robię

ten fragment wpisuje do div id="napis" tekst z tablicy napisy.
Natomiast tablica napisy zbudowana jest tak:
napisy[czas_w_ktorym_wyswietlc] = "tekst do wyswietlenia";

Tho

4.08.2011, 20:59:03

Czy aby napewno tam nic nie brakuję, żeby nie było główkowałem z godzinę, czy znów mnie nie podpuszczasz, czy "zmuszasz do myślenia".

Nie wierze już że ten skrypt działa, albo mój hosting jest do dupy, albo błąd jest całkiem gdzie indziej. Czy mógłbyś to gdzieś zauploadować bym miał dowód że to na pewno działa, wtedy już sam poszukam błędu.

Jeszcze raz wielkie dzięki.

buliq

4.08.2011, 21:45:26

To niestety krótko główkowałeś

. I tutaj były błędy.

Oto kod:

[HTML] pobierz, plaintext 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
  <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2" />
  <meta name="Description" content=" [wstaw tu opis strony] " />
  <meta name="Keywords" content=" [wstaw tu slowa kluczowe] " />
 
  <title> [tytuł strony] </title>
 
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
	<script type="text/javascript">
	$(document).ready(function() {
		var napisy = new Array(); //definicja tablicy
		var stopOn = 0;
		<?php
		$dane = file("film.txt"); // do tablicy array w php wrzucasz wszystkie linie z pliku
		foreach($dane as $line) { // iteracja tablicy po liniach pliku
		//nie wiem jaki format pliku z napisami jest więc musisz poniżej zmienić
		$data = explode(";",$line); // podzielenie ciągu znaków na tablicę, jako separator użyto ;
		$text = $data[3]; // 4 element to tekst
		$time = $data[0]; // 1 element to czas
		echo "napisy[".$time."] = \"".trim($text)."\";\r\n"; //przypisanie do js
		}
		$stop = $dane[count($dane)-1];
		$stop = explode(";",$stop);
		echo "stopOn = ".$stop[0].";\r\n";
		?>
 
		var time = 0; // znacznik czasowy
		$("#play").click(function() { // jak wciśniemy cos o id="play"
			var inter = setInterval(function() { // uruchom co 1000 sekund ten kod
				if (time==stopOn) clearInterval(inter);
				if (napisy[time]!==null) // jeżeli w tablicy jest napis z aktualnym czasem 
					$("#napis").html(napisy[time]); // to przypisz go elementowi o id="napis"
				$("#time").html("Czas: "+time); //jaki aktualnie czas
 
				time++; // zwiększ czas o 1
			},1000);
			return false;
		});
	});
	</script>
</head>
<body>
<a href="#" id="play">Play</a>
<div id="napis"></div>
<div id="time"></div>
 
 
</body>
</html>
[HTML] pobierz, plaintext

oto adres: http://buliq.pl/lal.php#
oto plik tekstowy: http://buliq.pl/film.txt

Tho

5.08.2011, 11:32:57

Wielkie dzięki!

Postanowiłem sam się pobawić, znalazłem i przerobiłem znaleziony formularz:

Kod

<form action="subtitles.php" method="post">
słowa:<br />
<input type="text" name="lyrics" /><br />
<input type="submit" value="dodaj" />
</form>

<?php
// odbieramy dane z formularza
$lyrics = ($_POST['lyrics']);

if($lyrics) {

    // łączymy się z bazą danych
    $connection = @mysql_connect('localhost', 'root', '')
    or die('Brak połączenia z serwerem MySQL');
    $db = @mysql_select_db('vd', $connection)
    or die('Nie mogę połączyć się z bazą danych');

    // dodajemy rekord do bazy
    $ins = @mysql_query("INSERT INTO subtitles SET lyrics='$lyrics'");

    if($ins) echo "Rekord został dodany poprawnie";
    else echo "Błąd nie udało się dodać nowego rekordu";

    mysql_close($connection);
}

?>

Przy pierwszym odświeżeniu pokazuje mi:

Notice: Undefined index: lyrics in:

Kod

$lyrics = ($_POST['lyrics']);

Gdzie tu błąd?

Gdy jednak dodam jakieś proste litery i odświeze, ostrzeżenia już nie ma, ale muszę dodawać proste znaki(bez np angielskich "He's" itd).

Pokazuje : "Błąd nie udało się dodać nowego rekordu". Gdy dodaje to samo przyz phpma:

Kod

#1064 - You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'm scared
3' at line 1

Jak zrobić by znak ' nie rozwalał zapytania a był poprostu częścią tekstu?

Jeszcze raz wielkie dzięki za pomoc!

buliq

5.08.2011, 12:12:20

E_NOTICE: Undefined index - Niezdefiniowany indeks tablicy (tutaj $_POST). Sprawdzaj czy jest coś w tej tablicy za pomocą empty lub isset

Co do drugiego: strip_tags, addslashes

Tho

5.08.2011, 14:53:01

Siedzę z godzinę, już mało nerwicy nie dostałem, aż w końcu widzę że błąd przestał się pokazywać po zmianie w taki sposób:

Kod

$lyrics = $_POST;
$_POST['lyrics'] = $lyrics;

Choć nie wiem czy to jest poprawnie i co to robi, bo chyba nic, musi to być zrobione tylko dla świętego spokoju chyba, tak? Ważne że błędu nie ma...

Chociaż nie całkiem, teraz patrzę a nowo dodane rekordy do bazy to:

Kod

Array
            21    Array
            22    Array
            23    Array
            24    Array
            25    Array
            26    Array
            27    Array
            28    Array
            29    Array
            30    Array
            31    Array
            32    Array
            33    Array

buliq

5.08.2011, 15:57:04

Ajajajajaj jak ty namieszałeś

Wskazałem wyraźnie funkcję empty

i isset. A twoim zadaniem było przyjrzenie się manualowi i wykonaniu jednego if'a

Obecnie dla $lyrics przypisujesz calą zawartość $_POST po czym zawartość tą wrzucasz do $_POST['lyrics'] ... to samo jak byś zrobił to: $_POST['lyrics']=$_POST co nie ma kompletnie sensu. I jest zbędne.

Tho

5.08.2011, 16:24:58

Dobra, dzięki, nie zrobiłem tego i nie mam już do tego siły.

Spytam tylko: od czego najlepiej zacząć naukę tych podstaw? Na razie obejrzałem 1 kurs gdzieś 2 godzinny, przeczytałem połowę z wikibooks - ile razy to jeszcze przeczytać bym zaczął się orientować? I ogólnie od czego zacząć.

Dzięki, pozdrawiam.

buliq

5.08.2011, 20:55:07

Ja przeczytałem na początku z 10 kursów, a po każdym robiłem sobie w praktyce. Przede wszystkim dużo pisać

A jak czegoś nie wiesz to manual i google to podstawa.

Tho

5.08.2011, 21:46:29

Naprawdę, przeszukałem wszystko, ale nawet jeśli znalazłem jakąś cenną radę to "-co to znaczy", "czy to dodać, pod przed", "zamknąć klamrę?", "co to te zielone napisy, a co te czerwone"...

Proszę ostatni raz o wskazanie błędów w:

Cytat

$lyrics = $_POST['lyrics'];

I jak podpiąć strip_tags i addslashes, do inputa? W if? Sam nie wiem co piszę...

Jakiś samouczek by się przydał by rozróżnić słówka i raz na zawsze wbić sobie co które słowo znaczy.

PS: Dzięki po raz 100

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.