jQuery sampleur html5 - Page 1

je me suis fait un petit sampleur html5
mon but étais de n'avoir à charger qu'un seul fichier son contenant tout mes samples et pouvoir n'en lire donc qu'une partie

j'ai pas mal galéré pour être compatible, firefox envois en double les event de chargement, opera lui ne les envois pas du tout l'or d'un clonage d'objet audio
aussi ce con de firefox lance automatiquement la lecture dans le cas d'un changement de la position dans la zique

j'aimerais avoir un petit retour au niveau des version windows des nav, et surtout de safari et ie que je ne peu tester

sur ipad ça ne marche pas, mais je ne sais trop comment debuguer pour safari mobile :-/

pour l'instant on peu mettre un délai avant le lancement de la lecture, jouer le sample en boucle ou n fois, toucher le volume et le "rate"

le rate me parais bien étrange je pensais que ca touchais les khz/seconde comme pour faire les différentes notes dans un .mod mais visiblement non

je me demande si à terme l'audio html5 sera suffisant pour lire des .mo3

http://jzik.tk/

t'es vraiment obligé d'acheter un domaine pour chaque bout de script que tu ponds ?

les .tk sont gratuits et mettent 10 minutes à être dispo niveau dns :- )

http://dot.tk

attention les nom trop génériques sont eux payants, et super cher en plus

purée mais quel gâchis, un ndd pour un script :/
Je dis ça parce que je voulais prendre un domaine là-bas pour un blog, folco.tk fût pris et est maintenant redirigé vers une page de pub d'un revendeur. Si ça tombe, c'était pour une connerie de ce genre...

Mais pourquoi dépendre de jQuery
(surtout vu l’utilisation que tu en fais…)

c'est sur que la jquery ne sert à rien

$.browser, $.isFunction et $.extend je le passerais en js pur

---

si ca se trouve dans 3 mois folco.tk sera libre, il ont limité la durée maintenant, et si la page est 404 ou une connerie du style il la désactive direct, bon après c'est sur que les ad sont pas 404

---

en fait faire un nouveau site est super rapide, ici concrètement 10 à 15 minutes maxi remplissage du texte et dns compris,
je n'ai pas non plus le temps de faire un truc gros et bien pour regrouper le tout, la on est en train de refaire le site "central" qui ramène les clients pour vendre des sites, c'est autre chose je ne peu pas les lier ^^"

et puis j'ai fait ce bout de code car j'avais bien aimé le blog de kek et je voulais faire le même effet que son menu en flash avec les notes de zique au hover des éléments
bref c'étais l'occaz, j'ai passé deux jours la dessus, cela ne coutais pas grand chose de le diffuser, que vous trouviez le script ne méritant pas un ndd ou pas :-P

sinon, je voulais juste un retour de safari et ie9 moi et pourquoi pas deux trois idées bien placées pour améliorer un peu la chose \o/

Sans aller jusqu'à dire que ça "gâche" un nom de domaine, c'est sûr que mettre un ndd en place a du demander plus de temps que le script en lui-même, ça semble légèrement overkill. À la limite quand tu auras un truc complet, fini, et prêt à la diffusion pourquoi pas, mais si tout le monde faisait comme ça pour chacune de ses expérimentation il y aurait un sacré engorgement.

Bref, pour en revenir au script en lui-même, c'est comme attendu parfait sous Opera, correct sous Firefox, pas terrible sous Chrome (ça craque, ça saute, bref, Chrome et l'API audio quoi).

(Par rapport au NDD, pourquoi tu ne fais pas des sous domaines ? jzik.[dev.]r043v.info/ par exemple)

[hs]non je le redis j'ai mis 15 minutes à mettre en place le site, c'était bien plus rapide que de compléter un autre site

le template est le même que celui de jtree, j'ai juste eu à changer les meta dans le .ini de la page index, changer deux ligne dans le fichier de config pour préfixer les clef de la base avec "jzik" et caler mon code de demo (le div #piano et ses 4 sous div, un bout de css et l'init js) dans le fichier "contenu" de la page index

ma solution requiers simplement une instance de redis, commune à tous les sites du serveur, la création du compte admin est aussi fait automatiquement à la première tentative de login (le truc en haut à droite)
une fois logué l'éditeur de disposition de page et de texte est accessible en direct, "inplace", j'ai choisi une disposition avec deux colonnes plus une ligne et j'ai remplis le texte.

ce qui à pris le plus de temps étais l'envoie par ftp, la copie du fichier de config nginx et le changement de "jtree.tk" par "jzik.tk" dedans via vim, puis un redémarrage du serveur web et l'attente des dns
ma solution est loin d'être finie mais déjà fonctionnelle, et son but est de faire un site super simplement et rapidement[/hs]

---

sinon c'est étrange moi c'est sur chrome que j'ai le meilleur rendu :/
et c'est aussi celui ci ou l'api audio étais la plus "cohérente" on va dire (cf ./1 ou opera ne renvois pas les callback d'init l'or d'une copie (ce qui parraissais logique en fait mais non car les objets n'étaient pas utilisables sans un load manuel), ff lance seul la lecture l'or d'un "seek" et envois les event d'init en double (enfin à vue de nez, peu être le déclenche t'il pour plusieurs event différents style "j'ai les metadata" et pour "j'ai de quoi commencer à lire") )

---

après si je l'ai diffusé c'est que c'est fonctionnel, stable et pour mes besoins, mis à part quelques détails, finis (ie : c'est utilisable pour refaire le truc de kek facilement et sans flash)

mais si tu ne le trouve pas finis je veut bien un retour de ce qui est mauvais/manquant je ne poste justement pas mon script pour rien :- )
surtout que tu as du toucher à l'api audio pour venus² donc les conseils serais encore plus les bienvenus

le seul truc que je vois de mauvais est le var zik = this; plutot que d'un var zik = new Object(); histoire de faire des multi instances, extraire aussi les fonctions de l'objet lui même histoire qu'elle ne soit pas en double l'or de ces multi instances, et peu être éviter d'utiliser un objet audio supplémentaire, qui sert de source à copier pour les autres, puis vérifier quant ff envois ces deux event histoire de les traiter correctement et avoir un retour pour safari et ie et aussi faire une détection du support html5 audio, la je ne teste que les codecs dispos, sur les vieux nav ca doit induire des erreurs

si par non finis tu voulais dire que tu veut un support de "partitions" je trouve aussi que c'est manquant, mais ce n'est pas le but de ce script, mais rien n'empêche un autre script d'utiliser jZik pour y parvenir

z'en avais pas marre de me faire un procès à chaque fois que je demande un test, un conseil, des idées ou autre, c'est dingue

ce serais le plus simple en effet mais à vrai dire j'ai pas encore regardé comment gérer les sous domaines sous nginx

faut aussi regarder si c'est possible avec les .tk, la j'utilise leur serveur dns direct je ne les gère pas moi même (c'est pour ca aussi que c'est ultra rapide, je me logue, choisi un ndd.tk, tape le capcha mon ip et c'est finis)

En ./1 tu as demandé un retour par rapport aux navigateurs, pas sur la lib en elle-même, non ?

Je parlais de "non fini" parceque pour moi ce script est plus une expérimentation qu'autre chose, d'où la réponse sur le rendu dans chrome/ff/opera puisque c'est ce qui me semblait le plus intéressant. Après si tu considères avoir terminé quelque chose et que tu veux le diffuser, alors ok, j'avais mal compris l'intention et ça explique du coup le site.

En revanche d'un point de vue strictement perso, un script de tout juste 100 lignes pour faire quelque chose de pas spécialement complexe et qui se traine jQuery en dépendance, je préfère le recoder moi-même, du tout je n'ai absolument pas regardé ça comme un éventuel futur utilisateur. Donc pas d'avis à donner sur la lib en elle-même ou le sur code, désolé.

bah dans le post 0 je voulais :
* un retour de compatibilité
* des avis/conseils/propositions
* une soluce pour debuger sous i*
* un débat sur le "play rate" html5
* un débat sur html5 audio
* savoir si un jour html5Audio >= .mo3 <= 42

Je parlais de "non fini" parceque pour moi ce script est plus une expérimentation qu'autre chose

dans ce cas je fait des expérimentations tous les jours alors, html5 à beau être en "draft" il est depuis un moment plus ou moins figé et de jour en jour implémenté, certes les implémentation varies, sur de petites ou grosses choses mais dans l'ensemble il ne faut pas grand chose pour être utilisable pour la majorité (comme pour html4/css/js en version "stable" en fait si l'on regarde bien bidouille land inside)

après, toi tu est dev, à déjà touché cette api qui plus est, j'imagine bien que tu ne l'utiliseras pas
mais il ne faut jamais dire jamais, car mine de rien je suis resté simple/complet/non limitant au maximum (mais ça c'est mon style de dev) tout en prenant le moins de place possible, désolé si le tout ne prend que 100 lignes, j’essaierais de faire plus lourd la prochaine fois :-D c'est comme mon framework/systeme de template à 400 lignes, qu'elle hérésie !

il parait que c'est pas la taille qui compte, mais je n'en sait pas plus pour en parler .

pour jQuery, disons qu'il accompagne tout ce que je fait depuis un moment donc pour moi il à remplacé plus ou moins beaucoup de choses du vrai "js", je suis d'accord à 100% il ne sert à rien la, mais pour un premier jet du script il m'a bien aidé et ma laissé me concentrer sur l'important, le dégager ne sera pas un blème.

sinon je pense aussi à beaucoup de monde qui ne développe pas, comme au hasard mon graphiste, et qui va avant toute réflexion taper "jquery " suivi de sa demande, et qui prendra un plugin mal conçu, lourd et tout le reste alors que deux lignes de jQuery aurais en fait suffis dans la plupart des cas.

il pourra tomber sur des articles du style mais ne pourra pas vraiment sans servir, bref il manquais qq chose selon moi ^^"

Euh, l'article que tu cites montre que c'est loin d'être finalisé, justement (franchement, devoir faire des hacks aussi crades rien que pour jouer des petits sons, c'est à peine digne d'une version alpha)

dans l'ensemble ca marche assez bien pourtant, son hack à coup de try est seulement pour ios et résoudra d’ailleurs peu être mon blème

après il ne faut pas non plus perdre de vue que l'api audio est assez "faible",
pour lire un bout de fichier je suis obligé de le charger entièrement dans l'objet audio, décaler la "tête de lecture" puis checker toute les n ms que la position de fin est atteinte ... bref adieu le "calage" parfait

http://www.phoboslab.org/log/2011/03/multiple-channels-for-html5-audio

cet article parle du clonage d'objet audio, comme le premier article il m'a pas mal servis pour réaliser mon bout de code, il montre comment les versions actuelles des nav gère les multiples chargement d'un même fichier

on vois qu'il y à clairement des différences, mais tout ca est dans la mayonnaise interne, le tout ne peu que s’améliorer

r043v (./12) :
* une soluce pour debuger sous i*

Il y a un console de debug sous iOS, et globalement si ça marche sous Safari, ça marche sous iOS.


Par contre il me semble que tu aime Lors du Rhin non ?

merci pour l'info je vais voir comment activer la console.

tu voulais dire "L'Or du Rhin" ?

je ne connaissais pas mais ca ne peu être que sympa si il y à des nains, géants, anneaux et heaume magiques
mais j'aimais bien Yoko Tsuno aussi, du peu que je m'en rappelle du moins, à relire :- )

mise à jour

* javascript pur
* les multi instances devrais fonctionner

la déclaration des samples à légèrement changé, on peu aussi maintenant indiquer la taille à lire, ou directement l'offset de fin

la fonction play peu maintenant retourner une erreur (false) si les channels sont tous pris ou que le sample demandé n'est pas définis.

var zk = jzik(
	{	ogg  : "/piano.ogg",
		mp3  : "/piano.mp3"
	},
	{	spl0 : {start:0,size:2},
		spl1 : {start:3,end:5},
		spl2 : {start:6,size:2},
		spl3 : {start:9,end:11}
	},10,function()
	{	var zik = this;
		$(".navbar span").click(function()
		{	var index = $(this).index(); if(false === zik.play("spl"+index)) alert("error");
		});
	}
);

if(zk === false) alert("html5?");

j'en ai profité pour regarder plus en profondeur les doubles event envoyés par firefox, ils sont vraiment en doubles ( readyState == 4 pour les deux )

je me suis dit que vu que j'effectuais un clonage de l'objet d'origine, il avais peu être cloné aussi l'event, mais une suppression de l'event canplaythrough ne fonctionne pas plus, bref j'ai laissé un flag d'init.

http://www.mirari.fr/gi0j

r043v (./16) :
merci pour l'info je vais voir comment activer la console.

tu voulais dire "L'Or du Rhin" ?

je ne connaissais pas mais ca ne peu être que sympa si il y à des nains, géants, anneaux et heaume magiques
mais j'aimais bien Yoko Tsuno aussi, du peu que je m'en rappelle du moins, à relire :- )

Non non "lors" pas "l'or"

./1 pas du tout l'or d'un clonage d'objet audio

dommage, cela aurais été bien plus délire que tu reconnaisse un opera depuis les 4 notes que j'ai utilisées :-/