Just another Vivaldi.net Userblogs Sites site
V. notamment ce site pour audio et video, code html5
Incompatibilité IE8 et Opera 12.16 (qui affiche le lecteur sans effet) !
1. Le fichier est un mp3, hébergé sur un serveur (Base).
2. Ce second exemple est une intégration Html5 à partir d’un fichier mp3 hébergé sur Dropbox.
attention ! Le code à insérer N’est PAS le code de partage du lien, MAIS le code obtenu pour téléchargement (par clic droit sur le bouton “télécharger” après avoir demandé le lien) : il est du type
[https://dl.dropboxusercontent.com/s/n° de référence/nom du fichier;mp3?dl=1&token_hash=la clé d’autorisation]
Voir exemple avec le lecteur “Dewplayer” incompatible avec Chrome dans Vivaldi !
3. Exemple HTML5 avec 2 fichiers son, un en ogg et un en mp3 (ordre pour opera 12.16)
4. Une solution compatible consiste à imbriquer dans les balises le code d’un lecteur flash pour le fichier mp3
Ci-dessous, un exemple de lecteur audio à partir du module dewplayer.
1. Le code est uniquement de type “object”
Chant du fado
2. Code “embed” seul
Un fado par Amalia Rodrigues
3. Ci-après, le même avec codes “object-embed” imbriqués :
Même chant qu'en 1
4. Version dewplayer avec fichier sur Dropbox (code mebed)
Attention ! Le code à insérer N’est PAS le code de partage du lien, MAIS le code obtenu
pour téléchargement (par clic droit sur le bouton “télécharger” après avoir demandé le
lien) : il est du type
[https://dl.dropboxusercontent.com/s/n° de référence/nom du fichier;mp3?dl=1&token_
hash=la clé d’autorisation]
A noter : seul le fichier son (mp3) est sur Dropbox. il est impossible d’y placer efficacement le fichier dewplayer.swf.
5. Un lecteur flash mp3 en ligne
Voir lecteur audio HTML5 ici
“Cadre important”=> pour signaler une info importante
N.-B.: le texte peut être placé en-dessous du titre => placer un [div] avant le texte et reporter le code [/div] après tout le texte. Et en fait, le cadre s’allonge au gré de la dimension du texte.
On peut aussi, créer un paragraphe à l’intérieur codes [p] et [/p] comme ci-après.
Cadre cinéma
Le cadre est extensible selon la longueur du texte !
Cadre relief rose-rouge
Cadre vert partie bordé, partie relief
Cadre dentelé gris
Cadre d’information mauve AVEC POINT D’INTERROGATION en tête
Cadre d’information: Ce cadre est idéal pour insérer un texte informatif que les lecteurs repéreront facilement. Pour l’utiliser il suffit de copier/coller le code ci-dessous.
Texte avec mise en couleur = code [<span style=”color:(nomcouleur)” ou n° “#800000;”(exemple)>texte</span>]
ou code [font color=”(nomcouleur)”>texte</font> accepté et qui est transposé automatiquement dans le précédent code.
Rem. : attribut [<b(old)>….</b>] autorisé
Exemple
Essai de texte vert
Quelques sites à explorer en Wallonie grâce à “Télétourisme” de Guy Lemaire, sur la RTBF ou sur Youtube.
Consulter la page ci-après
Musee des Celtes (Libramont) Menu
FAMILLE WAROCQUE et MARIEMONT Menu
Menu Sites miniers majeurs de Wallonie – Cliquer sur le titre pour les videos
Menu MUSEE DE LA FAMENNE à Marche
Menu ABBAYE de GEMBLOUX et LAURENT-BENOÎT DEWEZ
La bière de l’abbaye de Gembloux
Menu LA BASILIQUE de SAINT-HUBERT
Menu LIEGE VUE DU SOL
Photos panoramiques 1ère partie
Menu MUSEE DU JOUET (FERRIERES)
Menu Tourisme Condroz-Famenne Menu MUSEE DES AUTOMATES (Havelange)
HASTIERE-circuit découverte Menu
INVITATION À L’ACTIVITÉ N° 4 DE 2014
Mardi 29 avril
è Attention ! l’excursion à Waterloo a été remplacée par AUDENARDE
Lieux d’embarquement et horaire
07h00 : Barchon, garage Léonard (=B) 0475 62 36 46 Valentine Puzaj
07h15: Ste-Walburge (cimetière) (= L) 0497 87 21 21 Charles Kinet
07h30 : Angleur/Belle-Ile (= A) 0485 69 61 79 J.-M. Tilmant
Toute modification (désistement ou nouvelle inscription) à communiquer exclusivement à
Valentine Puzaj – tél. : 04 226 95 74 (GSM : 0475 62 36 46) – mail [email protected]
Programme de la journée
Trajet via Bruxelles nord et pause-café libre en routevers Oudenaarde, ville verte et porte des Ardennes flamandes qui offrent aux visiteurs plus de 300.000 ans d’histoire et sont qualifiées de « plus beau paysage en Flandre ».
10 h – 12 h 30 : visite guidée du centre ville aves ses édifices remarquables dont :
église sainte Walburge au style double : gothiques brabançon et scaldéen dont le carillon est animé par 49 cloches ;
halle aux viandes, majestueux bâtiment néo-classique à usage double ;
béguinage du XVe s. dont subsistent quelques petites maisons du XVIIe.
|
Eglise Sainte-Walburge |
Halle aux viandes |
Béguinage |
12 h 30 – 14 h 30 repas de midi au restaurant, De Zalm
Potage
***
Filet de dinde, pommes croquettes, chicon
***
Gâteau
Café
Boisson : 1bière OU 1 soft par personne
14 h 30 – 16 h 30 : visite guidée du très bel hôtel de ville avec son beffroi et le MOU, musée d’Audenarde et des Ardennes flamandes : multimedia intercatifs et pièces historiques racontent les habitants, dont quelques célébrités (Charles Quint, Louis XIV…)
Quote-part
Nous vous demandons une participation de 65€.
Ce montant est à virer au compte repris au bas du recto, comme d’habitude, pour le
10 avril au plus tard, sans faute [indiquez votre lieu d’embarquement : (B) – (L) ou (A)].
Nous serons heureux de vous emmener vers ce lieu scaldéen et ses richesses dans l’ambiance habituelle et sous le soleil, nous l’espérons
Amicalement,
Valentine et Francis
Rem. : l’invitation restera disponible (lecture et téléchargement) à cette adresse :
https://docs.google.com/document/d/1FFxsGunqDQFW2E5c7eZ2vWYmTg2i8wPGvN18iP2iboI/edit?usp=sharing
Pour détails, illustrations de nos excursions et voyages, rendez-vous sur
INVITATION À L’ACTIVITÉ N° 3 DE 2014
Mercredi 19 mars
=>Attention ! la date a été anticipée d’un jour par rapport à l’agenda.
Lieux d’embarquement et horaire
08h45 : Ste-Walburge (cimetière) (= L) 0497 87 21 21 Charles Kinet
09h00 : Belle-Ile (= B) 0485 69 61 79 J.-M. Tilmant
Toute modification (désistement ou nouvelle inscription) à communiquer exclusivement à
J.-M. Tilmant – tél. : 04 362 52 43 (GSM : 0485 69 61 79) – mail : [email protected]
Programme de la journée
10 h : Rencontre avec SPYROU, non pas celui du journal célèbre, mais un Néandertalien
découvert dans la fameuse grotte éponyme. Nous le rencontrerons avec un brin de malice dans le regard et observerons les différents aspects de sa vie dans l’Espace de l’homme de Spy.
Une video sur les fouilles de la grotte :
L’Homme de Spy from Cultura Europa on Vimeo.
11 h environ : trajet par la campagne entre Sambre et Orneau vers
11 h45 : le restaurant, le Saint-Loup (petit frère du St-Loup d’Amay : il ouvre ses portes pour nous)
Menu
(* ) Fondue bourguignonne (à volonté) ==>[A]
(Viandes de boeuf et de volaille, accompagnées d’un assortiment de sauces chaudes et froides, de frites et de salade fraîche)
OU
(* ) Fondue savoyarde (à volonté)-[B]===> par 2 couverts !
(Délicieux mélange de fromages suisses accompagné de morceaux de pain et de salade fraîche)
Dessert : un Javanais
Café / Thé
1/2 bouteille de vin par personne – softs à discrétion (eau plate, eau pétillante, Pepsi, Pepsi Max)
(**) Vous communiquez votre choix par [A] ou [B] en communication de votre paiement.
14 h : Gembloux nous accueillera pour la visite de l’abbaye bénédictine, siège de l’actuelle Faculté des sciences agronomiques et oeuvre de l’architecte Laurent-Benoît Dewez (V. video)
Le beffroi de Gembloux from Cultura Europa on Vimeo
16 h :A Corroy, le château fort le mieux conservé de Belgique fut construit dans la première moitié du XIIIe s. Classé au patrimoine majeur de Wallonie, il est toujours habité par le marquis de Trazegnies, qui nous ouvrira ses portes pour une visite guidée (V. video)
Quote-part
Nous vous demandons une participation de 60€.
Ce montant est à virer au compte repris au bas du recto, comme d’habitude, pour le 10 mars au plus tard (en précisant votre choix de fondue : [A] ou [B] et votre lieu d’embarquement (L) ou (B)
Esther et moi serons heureux de vous faire découvrir ces trésors d’entre Sambre et Orneau dans l’ambiance habituelle de sympathie
Amicalement,
Esther et Jean-Marie
Rem. : l’invitation restera disponible (lecture et téléchargement) à cette adresse :
https://docs.google.com/document/d/1838ZrGVgDBUCoP54kAKuUHgwLrmeQPDHMC9_rrCL_-M/edit?usp=sharing
Pour détails, illustrations de nos excursions et voyages, rendez-vous sur
Les diapos peuvent être visionnés en cliquant sur les titres-liens OU à partir de cette page
1ère partie
|
1 |
6’11 |
|
|
|
Nord-Pas-de-Calais, 2012 (diapo, Henri Devroye) |
|
||
|
Organisateurs = Arlette et Georges |
|
||
|
2 |
4’08 |
|
|
|
Nord-Pas-de-Calais, 2012 (diapo, Henri Devroye) |
|
||
|
Organisateurs = Arlette et Georges |
|
||
|
3 |
4’40 |
|
|
|
Nord-Pas-de-Calais, 2012 (diapo, Henri Devroye) |
|
||
|
Organisateurs = Arlette et Georges |
|
||
|
4 |
16’50 |
|
|
|
Petite suisse luxembourgeoise, 2013 (film, Michel Bassinne) |
|
||
|
Organisateurs = Arlette et Georges |
|
||
|
5 |
5’51 |
|
|
|
Nord-Pas-de-Calais, 2012 (diapo, Henri Devroye) |
|
||
|
Organisateurs = Arlette et Georges |
|
||
|
6 |
5’16 |
|
|
|
Nord-Pas-de-Calais, 2012 (diapo, Henri Devroye) |
|
||
|
Organisateurs = Arlette et Georges |
|
||
|
7 |
6’14 |
|
|
|
Nord-Pas-de-Calais, 2012 (diapo, Henri Devroye) |
|
||
|
8 |
Un goût du sud pour le K3 (épisode 1) |
16’ |
|
|
« les lacs italiens autrement », 2013 |
|||
|
Organisateurs = Valentine et Francis |
|||
|
|
Total |
65’10 |
|
=========================================
2e partie
|
9 |
Salut, mon copain |
7’40 |
|
|
2006-2013 (diapo, Jean-Marie) |
|
||
|
10 |
Un goût du sud pour le K3 (épisode 2) |
12’12 |
|
|
« les lacs italiens autrement », 2013 |
|||
|
Organisateurs = Valentine et Francis |
|||
|
11 |
5’07 |
||
|
2013 (diapo, Henri Devroye) |
|||
|
|
|||
|
|
Total |
24’59 |
|
Problème de codage pour video:
D’abord le code proposé par Vivaldi et aménagé==> ni le lecteur ni la video ne sont chargés !…
Ci-après le code html5 avec attribut “preload”. A l’intérieur des balises <video>…</video> un code object+embed a été inséré avec le lecteur (jwplayer) et le fichier .mp4.
Remarque : pour la balise html5, 3 versions du fichier : mp4, ogg (vorbis) et webm (facultatif)
RESULTATS
Selon le navigateur (V. notamment ce site) :
Opera 12.16 = affiche le lecteur html5 et diffuse le fichier ogg.
IE8 (eh oui, il existe encore) affiche le lecteur flash jwplayer et diffuse le mp4. A partir de IE9, html5 accepté pour le mp4.
Chrome (Version 34.0.1847.116 m) affiche le lecteur html5 et diffuse le mp4 sans délai
Un problème similaire existe pour l’intégration de fichiers son…(à suivre)
INVITATION À L’ACTIVITÉ N° 2 DE 2014
Samedi 22 FEVRIER
Thème : « Retours de voyage », le regard de nos talentueux reporters maison sur les voyages 2012 et 2013, et fantaisie humoristique au menu.
Où ? : Haute Ecole Rennequin Sualem, Parc des Marêts, rue Peetermans, à Seraing (voir les indications au verso).
Nous vous donnons rendez-vous pour une journée de rencontres et de redécouvertes; un repas prolongera notre séance de projections (diapos et films de nos membres) consacrées aux voyages de ces années …
Programme de la journée
A partir de 9h 30 : accueil au restaurant des Marêts avec café et viennoiseries
10 h à ± 11 h 10 : 1ère partie de la séance
11 h 10 à 11 h 30 : pause café
11 h 30 à ± 12 h : 2e partie de la séance
Un programme détaillé vous sera distribué à l’arrivée.
12 h – 12 h 15 : apéritif suivi du repas
Menu
Feuilleté de chèvre chaud
sur son lit de salade
et sa vinaigrette balsamique
— —
Bœuf bourguignon,
Chicon braisé,
Gratin dauphinois
— —
Petite assiette de pâtisserie
Un côtes du Rhône rouge « Domaine de Lauribert » accompagnera ce menu.
Un café clôturera le repas.
Moyen d’accès
Parcourir la rue Cockerill (celle qui relie le Pont de Seraing à la place de l’Avenir) jusqu’à l’angle de la rue Jean de Seraing à partir duquel figurent des flêches directionnelles portant la mention « Rennequin Sualem Inpres ».
Franchir la barrière métallique des bâtiments et suivre la chaussée jusqu’aux parkings situés à votre droite.
Rejoindre le restaurant dont l’entrée se trouve à l’extrémité de la chaussée desservant les parkings.
Quote-part
è Nous vous demandons une participation de 32€ pour couvrir l’intégralité des frais et une gratification au personnel.
Ce montant est à virer au compte repris au bas du recto, comme d’habitude, pour le 12 février au plus tard.
Soyez nombreux, membres et invités, à venir (re)vivre de bons moments et à encourager les auteurs.
Amicalement,
Maurice et Jean-Marie
Coordinateurs
Cette journée est organisée grâce à l’aimable autorisation du Collège provincial de Liège et à la collaboration de la direction et du personnel du Parc des Marêts.
Pour détails, illustrations de nos excursions et voyages, rendez-vous sur
