Lehis 5 pig menio baazalez

Pala Rabr 0-lesPerala

SBMZ
Desarrolla Aplicctiones Web Con tonexión

.
Ala Bcse

tuercrèo
DeDetos

udarro Mora tucrarco

Nourembre 2011
 lCceo de lnuestigccon tercer grcicl

Queesla ceplhcecidn de bse de detos Hysq,?

La tephccci00 de Hys9l es on Proceso en el que los dckos

deun secoidor de base de dctos Hysql el.maeshco se
CoPic.a Cutometicc.menke en uno O más Seroidoces
de bcses dedclos HgsqlelescleucLa ceplcccionno debe
Con Fundicse con lcs opercciones de cespcldo.
Lómo ccece Un secoidor de replicccido mcestro gesckuo
1.Deelecolco las con Sullas en el serondor mcestro géslcs
Son regiblrades en un log-bunccio

2.El meslec mcndc un al proceso esclauo Pcrc cuiscele

que clgo ha combiado eo el mc estro

3.Bl serudor esclauo lee lc siquiente Posición desde

lo.olhmc ledc del log bncrio hcs la el findyoben
las consullcs nueucs delSeruidoc mceslco

4.Clesclouo elecutc losconsules leidas eo susistemc

Lomo secrea Onc teplicotión bidrcccioncl de base dedcos ?

eameco, en nueslco crchiuo de conlqurcción debeo eslcc

esta blecdos los siguvenles Pocdmelros.

ElSecuacddebe serdistoto por coda Seroidor.Cllog-crcor

el loabn puedeo quedorse como De vend Coninuccibo
Elporimelro bunlagdodb 1ndcacocl bose dedoloshcy
Que Sincromcac
secued-ld- 50
log-eccor-"mgsql-ecror.log"
bialog-do-db- henda-db
log- bin- log- bun. log

AcicAonclmenle en hnux debemos Poner el Parcmelro de bund-ddres

Conla dreción del propio Seroidor local

bind- cddress- 112. 168-1.68

Enel moeslro.creomos un Usucrio quese enccrgar de replicor

obuicmenhe ccmbicndo nombres y conrese ícs

RAPT REPIIC TIOU SLAUE OW"

TO esclcuo IDEWTI I€DB4' 12345
fLUSHPRILEGES

Desde el esclcuo Probcmos lc conexion con el usucria Ccecdo caecor-

menle, ulillccado

mgql-b esclauo- P-h 192-168-1-65

Si todo uc bien, exparla la base de dalos del mceslro

mysqldom?-U roo P mcscolas 7

rutalcl lcechuo-sql

Lopicle ol esckuo e inpór ele .Luego enel mcsler elecola

SHOw HASTEB STATUS

Esoledora Unos Poromelros como

leyashon bucdolas o cnololos
Por chi
CHANGE MASTER TO MASTER HOST='192.168.1.68

MASTER_USER="luis',
MASTER PASSWORD='123,
.
MASTER LOG_FILE='log-bin 000002",
MASTERLOG_POS= 154;
Combicndo respechucmenle eluclor que le dio en leyQooo Gsi
Comoelusocno, Conlrcse ic yhos HSTCh Iilt Corresponde
Lo

cloquesclo en lley Mastplob. Pos alo que sclió en @osuluun.

Lvego en el mismo esclcuo elecolc

STAAT 5lAUE

Compruebe que lodo ua bien con

6HDw SLAUE STATUS\G

Enelmenscle que dice Slcue-1o- Au.miog debe eslee enes

Porolco k01 el queduce sloue-1a.slele debe decir we..ng

mclcr0.Seodeuco
lor
En coso deque dige cslaheslogrdo hes.eeplhceda.uou bese.de
as.Porc hocerla b.direccocl repile el Proceso Cmbcndo
los Seru.dores
Como reproducir msica en Ph? Expliccciongcódigo

tscbe &?PhP enloPrimerc linec de lo secwend

de comcndos PHP.

lngresa esle snipfel de código Empe cando Por lc

Segundc linec
blinh lPP://www.etcmple com/ exumple. mP3";
SGudio
echo cudo:

Reempla cc la URL en lo vceicble dlinh con le ubcccon

web de tu croh0o de cudio

Iipec ?z enlc ollhmc linea. Esto cecrard cdecucdc.meole

l Secuencic de comcndas PHP.

oucrdc y nombrc a to crchuo PHPa

<audio id="audio" preload="auto" tabindex="0" controls="">

<source src="https://s3-us-west-2.amazonaws.com/allmetalmixtapes/Saxon%20-
6201984%20-%20Crusader/01%20-%20Crusader%20Prelude.mp3"

</audio>
init();

function init(){

var audio =document.getElementByld ('audio');

var playlist
=document.getElementByld('playlist');
var tracks = playlist.getElementsByTagName('a');
audio.volume 0.10;

audio.play0:
de canción
//Agregamos los eventos a los links que nos permitirán cambiar

for(var track in tracks) {

var link =tracks[track];

if(typeof link=== "function" ||typeof link ===

"number") continue;

link.addEventlistener('click',function(e) {

e.preventDefault()

var song
this.getAttribute('href');

run(song,audio,this);

/agregamosevento para reproducir la siguiente canción en la lista

//si la canción es la ultima reproducir la primera otra vez

audio.addEventListener('ended',function(e) {

for(var track in tracks) {

var link =tracks[track];

nextTrack =parselnt(track)+ 1;
=== "function" || typeof link === "number") continue;
ifftypeof link

if(Ithis.src) this.src
=tracks[0]

if(track
== (tracks.length -1)) nextTrack =0;

console.log(nextTrack);

=== this.src) {
if(link.getAttribute('href')

var nextLink =tracks[nextTrack];

run(nextLink.getAttribute('href), audio, nextLink);

break;

function run(song, audio, link){

 var parent = link.parentElement;

//quitar el active de todos los elementos de la lista

var items =parent.parentElement.getElementsByTagName('li');

for(var item in items) {

if(items[item].classlist)

itemsitem].classlist.remove("active");

//agregar active a este elemento

parent.classList.add("'active");

//tocar la cancion

audio.src =song;

audio.load();

audio.play(0;

CONCLUSION

init();

function init(){

var audio =document.getElementByld ('audio');

var playlist
=document.get ElementByld('playlist');
var tracks =playlist.getElementsByTagName('a'
audio.volume =0.10;

audio.play();

in tracks)
for(vartrack

var link =tracks[track];

=== "function" || === "number") continue;
if(typeoflink typeof link
link.addEventListener('click', function(e){

e.preventDefault(0;

var song =this.getAttribute ('href);

run(song,audio, this);

audio.addEventListener('ended',function(e) {

for(var track in tracks) {

var link =tracks[track];

var nextTrack = parselnt(track) + 1;

ifftypeof link === "function" ||typeoflink === "number")continue;

if(lthis.src)this.src
=tracks[0];
== (tracks.length -1)) nextTrack
if(track =0;
console.log(nextTrack);

if(link.getAttribute('href')
=== this.src) {

var nextLink =tracks[nextTrack];

run(nextLink.getAttribute('href), audio, nextLink);

break;
function run(song, audio, link){

var parent =link.parentElement;

//quitar el active de todos los elementos de la lista

var items =parent.parentElement.getElementsByTagName('li');

 for(var item in items) {

iflitems[item].classList)

items[item].classList.remove("active");

//agregar active a este elemento

parent.classList.add("active");

//tocar la cancion

audio.src =song
audio.load();

audio.play();
Como crear unc lisa de cepo duccion de mósica ull ccndo deuaScr Pp?
&xplicecón y cod1go
lo función Inig lc lonción run
Haydos lunc1ones claue cqui,

Intt

la ploglist el cclucl la
de mismc
Iniciclec Poniedo elemenlo
en 0 buscc ndo el elemento
de cudio que ccrgo con lc Pagina
LUse Un Seleclor de dduera,Pero se poede Joucscesph nchuol
g luego buscc. la lise de ccnciones, luego Coenlc
c
cocalos linhs
en lo pcra mincc el
largo de lG
Canciones hcg isa delec
Cwcndo Perac),9 luego le pone un uolomen
PlagistlPcro Scbec.
delcull gcomiencc c reproducc lc primerc ccnción

Este Yuncion es llcmcda por la lunción unil en el lislener de

Cucndo unc conción ecminc ysmplemenle cchuclco la
fuenle decodio del elemento codo de hlmlš rescllc. la
COnciOn que se esld reproduciendo en la lhse gcomiencc
C reProdocic lc conción que cec.be en el Perdmetro lia

cLomo reProducie un udeo desde php? Explicecion g.

codigo

z
eledemplo,elelemeno sLuidea conhene el uaLdonde
Bn
eslé clojado el odeo Scc=Nelemplo. mpa,csi como los
Gteibuos que de lhaen como se mosirard el ufdeo en la
web:cnchura, clborc conlroles eimcqen de oslc preuia
6.

video width 640 height 480

source sTC eo.np4 type video/mp4
SOUrc Sre video.wobrn type video/webm
SOurce Src video.ogv type victeo/ogg
imgsre inagenpng altVdeonosoportad
Sunavegadorno soportacotdo nRaltmmcdia
video
YeComo ceproducc un udeo.desde louc.SCriptExplicecionycodigo

Melodos para qestio ncr la ceproduceion de medios enHTML

dsponemos de una lisla de melodos que se Pueden lGmce
desde JauaSaanpl. Los melodos más ohliecdos son los
Siguieales Dloq LEComienca a reproducir el medio desde
elinicio, Siempre que el medio no hcyc. sido Preuicmenle..
Puse Pousc la ce Produccóa. locdl2 Cocga el Crchiuo
del medio.bs ólul para.corger el medio.coheigodemente
Con2lcggPeLlacmalal2 PoracomProbor s1el lormeo del.
Grchiuo Seporc Pocel ocuegedor

uideo
Poc elemplo,siqueremos Iniciar la.ceProduccion.de un
depués de Pulsac Un botán bare mos lo siguienle

ProPiedcdes con THLtambaéo dsponcmas de alguocs

Propiede des quenos darán iofocmcción sobre el medio
la mayocic de ellcs son de leclucc/escrley por lo lanto

también podemos ccmbc.c Su ucloc Las Siguienless

son lcs prope dcdes másullhecdcs:
Paused:hene ucloc tcue 27silcrepcoduccióo esc
Pauscdo Ended tiene uclor 42kcue si laceproducc.ión
delmedio ha finclicado porque Sellego cl hocl
Durctipo.2conlendré la.durcción del medio ea sequndos
Lurrent Time' esta ropiedad de lecurclescritura
Contendcd un uclor pcraim.forma.c sobre la Posicióo
trcor iene el uclor del eccor ocuccido HutedPara
deschoce teue o.cchiwcc lalse elSooido deluideo
Oolume:Parc indcoreluolomeo.deloideo.

luclor debe secun.nu.mero enlee O91

del
uolu men
7.

<video id-"video" width-"700" height-"350">

<source src"video.mp4">
<source sro="video.ogv">
</video>
<input type="button" id-"boton" value="Reproducir">

<script>
function iniciar ()
var boton=document.getElementById('boton')
boton.addEventListener ('click', presionar, false) ;
 function presionar ()
var video=document
.getElementById ('video' );
video.play ()

window.addEventListener ('load',
</script iniciar, false);
 VcQué es dson 2Edemplos de uso de dson
6s el lormelo de combo de dalos que lo hece Posible
dS0N se hc conuectido en un lor mcto de delos
debido a que Su
Populac entre los desccollcdo.ces
texto es legible por humcnos, es igero, reqoiere
menos Codlicccón yse ProceSc más rcpido

Edemplo compleo de AJex que consolle la bese de dalos

de mysql con dson y muestre el cesultcdo de lc consollc
en la
péginc web Sin cctoclicac todc la péginc

Adaxpec mile que uo uSoaio de la oplicccioD

web
1nlercctóe con unc péging web.. La ine eaccióo
del siho uweb ocurce répidcmente solo con Pocles
de la pogina de cecorga yrenouc Ciòn