Support html5 in snippet widgets?
it's possible insert snippet widgets whit a animation build in hype (html5) ?
Well, the easiest way to display a Hype creation on a iWeb page is not as easy as I anticipated.
Here are 4 sample iWeb pages with each a different approach to the problem.
http://www.wyodor.net/_Demo/Hype/
Only 2 solutions work properly and only one really works the way it should without the usual timewasting solution of post-editing the page.
The pages are not manuals and only show what's possible. To make it work you'll have to study the code.
Further research is required to solve the remaining issues.
Similar Messages
-
I use iWeb 09 for a personal webzine. I have used a simple flash audio player on the site. The ipod and iPad is closed to flash. The audio files I play are brief, somewhat as long as a sample of a song on iTunes. The iTunes app on ipad and ipod has a circular audio player which is small and has a small progress circle within it as well as pause and play controls.
It must be written in html5.
I would love to be able to use the player on my site but I am not a programmer. I assume that the player would work both in browsers and Apple mobile devices.
Can anyone come up with an html snippet duplicating what Apple does that would allow me to vary the source audio for different instances? I like the Apple player because it is small and fits well into my site which uses audio as an adjunct to text. Perhaps a developer might see this as a small project to knock off for a fee.
Dennis
DennisThe jPlayer is an HTML5 player, not a Flashplayer. It uses a fallback on an swf player for browsers that do not support HTML5. See the demos on this page:
http://www.happyworm.com/jquery/jplayer/latest/demos.htm
Note that you can skin it through CSS; you're not stuck with the skins on that demo page.
All the info you need is available on that site, as well as all the files for download. The developer guide sports much more information than you will need to set the player(s) up, but it's good to have all kinds of information at hand when called for.
Study the demos. Load the demo htm and css files in your favorite editor(s) and fiddle with the values. Drop the htm files on a browser to see what effect your editing has. When entirely satisfied, copy the contents of the htm file into an html snippet in iWeb, upload the 'js' folder, the 'skin' folder and the audio files (mp3 AND ogg) to the server (or iDisk) and your player is ready to go live.
There is absolutely no need to worry about the fallback for non-HTML5 browsers. Just make sure the swf file is in the proper folder on the server and all will be automagically well.
All audio players on my site (http://jmsuijkerbuijk.com/Audio_Samples.html, http://jmsuijkerbuijk.com/On_Choreograffiti.html, http://jmsuijkerbuijk.com/Orchestral_Works.html, etc.) are build on jPlayer. Feel free to study the snippets code on my site. -
I pasted in some HTML code generated by Google Forms into the iWeb HTML snippet widget. It looked great on my iWeb viewer, but when I published it to my website, the HTML snippet google form did not appear on my webpage. Does anyone know how to fix this?
What is the code?
-
'Page Info' doesn't support HTML5 'meta charset' tag?
Admittedly this isn't a catastrophic problem, but it seems that the Firefox 'Page Info - General' dialog does not support HTML5's '<meta charset="UTF-8">' tag - the dialog displays an empty line in my Firefox 21.0 browser.
If the meta charset tag is changed to the pre-HTML5 version of '<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> the Page Info dialog displays the 'Content-type' information.
Other posts I've seen suggest that Firefox's HTML5 support has been frozen except for new HTML5 standards that may be added as they are finalised.
Does that mean that this omission is going to be left unfixed?Looks as though someone started working on this in 2010, but interest (?) petered out?
[https://bugzilla.mozilla.org/show_bug.cgi?id=584285 Bug 584285 – Meta tag list: HTML5-style charset is not displayed / meta tags in body are displayed]
''About the Bugzilla bug tracking system:'' If forum members can contribute to the development, please feel free to pitch in. Otherwise, it's generally not helpful to add comments to bugs (unless there is a call for test cases), but you can register on the Bugzilla site and "vote" for them to be fixed. See:
* [https://bugzilla.mozilla.org/page.cgi?id=etiquette.html Bugzilla Etiquette]
* [https://bugzilla.mozilla.org/page.cgi?id=voting.html Voting] -
Accessing bird nest cam on Cornell website. Plays well on PC. For my Samsung phone error says "==browser does not support html5" Updated FF for Android and Flash for Android, restarted phone and got same error message. Settings set for tap to play. Help
Hi midlovines
We need more troubleshooting details to help you:
# What Android phone or tablet are you using? What version of Android OS (4.0 Ice Cream Sandwich, 4.1-3 jelly bean, 4.4 kitkat or 5.0 lollipop etc)
# Please provide the URL of the "bird nest cam on Cornell website"
Cheers!
...Roland -
Making QtWebkit support HTML5 video and audio
For those who don't know, HTML5 enables most current browsers to play videos and audios without the need of any plugin. QtWebkit supports this feature, so browsers using it such as Rekonq and Arora should support it too. However on Arch Linux this does not work outside of the box.
I've tried to make this work and made a little progress, and I'm wondering if anyone has made similar attempts, have suggestions, or are willing to try this out. What I've done basically is to compile Qt with Phonon, and then remove the Phonon files when building the package, so that it uses the Phonon that comes with KDE. I included the PKGBUILD below, and you just need to copy the extra/qt directory from abs, and override the PKGBUILD or apply the patch.
I also installed phonon-vlc-qt from AUR, which according to this post contains some fixes to support HTML5 video/audio. However neither this nor the default gstreamer backend works for me. With vlc the vidoe doesn't play, and with gstreamer the browser crashes. To try different backends for Phonon, open KDE's System Settings - Multimedia - Backends, and use the Prefer and Defer buttons.
Some links for testing HTML5 video and audio:
http://html5test.com Only uses JavaScript to ask the browser if it supports the feature. What I've done does make these tests pass.
http://html5video.org
http://youtube.com/html5 Join the beta, and then open some youtube videos, and look for HTML5 in the player's control bar
The PKGBUILD:
# $Id: PKGBUILD 98480 2010-11-09 22:17:20Z andrea $
# Maintainer: Andrea Scarpino <[email protected]>
# Contributor: Pierre Schmitz <[email protected]>
pkgname=qt
pkgver=4.7.1
pkgrel=2
pkgdesc='A cross-platform application and UI framework'
arch=('i686' 'x86_64')
url='http://qt.nokia.com/'
license=('GPL3' 'LGPL')
depends=('libtiff' 'libpng' 'libmng' 'sqlite3' 'ca-certificates' 'glib2' 'dbus'
'fontconfig' 'libgl' 'libsm' 'libxrandr' 'libxv' 'libxi' 'alsa-lib'
'xdg-utils' 'hicolor-icon-theme')
optdepends=('postgresql-libs: PostgreSQL driver'
'libmysqlclient: MySQL driver'
'unixodbc: ODBC driver'
'libxinerama: Xinerama support'
'libxcursor: Xcursor support'
'libxfixes: Xfixes support')
makedepends=('mesa' 'postgresql-libs' 'mysql' 'unixodbc' 'cups' 'gtk2')
install="${pkgname}.install"
options=('!libtool')
_pkgfqn="qt-everywhere-opensource-src-${pkgver}"
source=("ftp://ftp.qt.nokia.com/qt/source/${_pkgfqn}.tar.gz"
'assistant.desktop' 'designer.desktop' 'linguist.desktop'
'qtconfig.desktop')
md5sums=('6f88d96507c84e9fea5bf3a71ebeb6d7'
'fc211414130ab2764132e7370f8e5caa'
'85179f5e0437514f8639957e1d8baf62'
'f11852b97583610f3dbb669ebc3e21bc'
'6b771c8a81dd90b45e8a79afa0e5bbfd')
build() {
unset QMAKESPEC
export QT4DIR=$srcdir/$_pkgfqn
export PATH=${QT4DIR}/bin:${PATH}
export LD_LIBRARY_PATH=${QT4DIR}/lib:${LD_LIBRARY_PATH}
cd $srcdir/$_pkgfqn
sed -i "s|-O2|$CXXFLAGS|" mkspecs/common/g++.conf
sed -i "/^QMAKE_RPATH/s| -Wl,-rpath,||g" mkspecs/common/g++.conf
sed -i "/^QMAKE_LFLAGS\s/s|+=|+= $LDFLAGS|g" mkspecs/common/g++.conf
./configure -confirm-license -opensource \
-prefix /usr \
-docdir /usr/share/doc/qt \
-plugindir /usr/lib/qt/plugins \
-importdir /usr/lib/qt/imports \
-datadir /usr/share/qt \
-translationdir /usr/share/qt/translations \
-sysconfdir /etc \
-examplesdir /usr/share/doc/qt/examples \
-demosdir /usr/share/doc/qt/demos \
-largefile \
-plugin-sql-{psql,mysql,sqlite,odbc} \
-system-sqlite \
-xmlpatterns \
-phonon \
-phonon-backend \
-svg \
-webkit \
-script \
-scripttools \
-system-zlib \
-system-libtiff \
-system-libpng \
-system-libmng \
-system-libjpeg \
-nomake demos \
-nomake examples \
-nomake docs \
-no-rpath \
-openssl-linked \
-silent \
-optimized-qmake \
-dbus \
-reduce-relocations \
-no-separate-debug-info \
-gtkstyle \
-opengl \
-no-openvg \
-glib
make
package() {
cd $srcdir/$_pkgfqn
make INSTALL_ROOT=$pkgdir install
# install missing icons and desktop files
for icon in tools/linguist/linguist/images/icons/linguist-*-32.png ; do
size=$(echo $(basename ${icon}) | cut -d- -f2)
install -p -D -m644 ${icon} ${pkgdir}/usr/share/icons/hicolor/${size}x${size}/apps/linguist.png
done
install -p -D -m644 src/gui/dialogs/images/qtlogo-64.png ${pkgdir}/usr/share/icons/hicolor/64x64/apps/qtlogo.png
install -p -D -m644 tools/assistant/tools/assistant/images/assistant.png ${pkgdir}/usr/share/icons/hicolor/32x32/apps/assistant.png
install -p -D -m644 tools/designer/src/designer/images/designer.png ${pkgdir}/usr/share/icons/hicolor/128x128/apps/designer.png
install -d ${pkgdir}/usr/share/applications
install -m644 ${srcdir}/{linguist,designer,assistant,qtconfig}.desktop ${pkgdir}/usr/share/applications/
# install license addition
install -D -m644 LGPL_EXCEPTION.txt ${pkgdir}/usr/share/licenses/qt/LGPL_EXCEPTION.txt
# Fix wrong path in pkgconfig files
find ${pkgdir}/usr/lib/pkgconfig -type f -name '*.pc' \
-exec perl -pi -e "s, -L${srcdir}/?\S+,,g" {} \;
# Fix wrong path in prl files
find ${pkgdir}/usr/lib -type f -name '*.prl' \
-exec sed -i -e '/^QMAKE_PRL_BUILD_DIR/d;s/\(QMAKE_PRL_LIBS =\).*/\1/' {} \;
# Remove phonon files which are installed by KDE
rm -r ${pkgdir}/usr/{include/phonon/,lib/libphonon*,lib/pkgconfig/phonon.pc}
Diff from qt's PKGBUILD in ABS:
--- PKGBUILD.orig 2010-12-15 13:18:19.000000000 -0500
+++ PKGBUILD 2010-12-15 13:19:15.000000000 -0500
@@ -57,8 +57,8 @@
-plugin-sql-{psql,mysql,sqlite,odbc} \
-system-sqlite \
-xmlpatterns \
- -no-phonon \
- -no-phonon-backend \
+ -phonon \
+ -phonon-backend \
-svg \
-webkit \
-script \
@@ -109,4 +109,6 @@
# Fix wrong path in prl files
find ${pkgdir}/usr/lib -type f -name '*.prl' \
-exec sed -i -e '/^QMAKE_PRL_BUILD_DIR/d;s/\(QMAKE_PRL_LIBS =\).*/\1/' {} \;
+ # Remove phonon files which are installed by KDE
+ rm -r ${pkgdir}/usr/{include/phonon/,lib/libphonon*,lib/pkgconfig/phonon.pc}
Last edited by hagabaka (2010-12-15 22:11:46)Use a minidisplay/HDMI cable for video:
http://www.cnaweb.com/6-mini-displayport-male-to-hdmi-male-cable.aspx?gclid=CMbn pNem57wCFRQS7AodzDQACg
A 2009 MBP does not support audio via HDMI so you will have to tap the Audio Output port. Use a 3.5 mmRCA plugs and tap the RCA audio inputs on the TV with a cable such as this:
http://www.monoprice.com/Product?c_id=102&cp_id=10218&cs_id=1021817&p_id=9768&se q=1&format=2&utm_expid=58369800-11.R-enhtUGRrSdHz5vzpVS2g.0&utm_referrer=http%3A %2F%2Fwww.monoprice.com%2FCategory%3Fc_id%3D102%26cp_id%3D10256%26gclid%3DCM2Vro yn57wCFZLm7AodHjkAlQ
Ciao. -
Support for Code Snippets in Visual Studio Lanuage Service
I need to add support for Code Snippets to my Lanuage Service(which I am writing using MPF). I am doing all according to this MSDN
article.
First I've added attribute to my package class, like:
[ProvideLanguageCodeExpansion(typeof(MyLanguageService), "My Language", 0, "My Language",
@"C:\My\SnippetsIndex.xml", // Path to snippets index
SearchPaths = @"C:\My\Snippets\")] // Path to snippets
SnippetsIndex.xml file content is following:
<?xml version="1.0" encoding="utf-8" ?>
<SnippetCollection>
<Language Lang="My Language" Guid="{1c9caaac-65b9-40f8-9f39-ab77a824d351}">
<SnippetDir>
<OnOff>On</OnOff>
<Installed>true</Installed>
<Locale>%LCID%</Locale>
<DirPath>C:\My\Snippets\</DirPath>
<LocalizedName>Snippets</LocalizedName>
</SnippetDir>
</Language>
</SnippetCollection>
And in this folder there is one file with default snippet, like:
<?xml version="1.0" encoding="utf-8"?>
<CodeSnippets xmlns="http://schemas.microsoft.com/VisualStudio/2005/CodeSnippet">
<CodeSnippet Format="1.0.0">
<Header>
<SnippetTypes>
<SnippetType>Expansion</SnippetType>
</SnippetTypes>
<Title>SnippetFile1</Title>
<Author>dd</Author>
<Description>
</Description>
<HelpUrl>
</HelpUrl>
<Shortcut>
</Shortcut>
</Header>
<Snippet>
<Code Language="My Language" Delimiter="$"><![CDATA[TEST TEST]]></Code>
</Snippet>
</CodeSnippet>
</CodeSnippets>
I've added method for detecting installed snippets from this article to
LanguageService class:
private void _GetSnippets(Guid languageGuid,
ref ArrayList expansionsList)
IVsTextManager textManager = (IVsTextManager)Package.GetGlobalService(typeof(SVsTextManager));
if (textManager != null)
IVsTextManager2 textManager2 = (IVsTextManager2)textManager;
if (textManager2 != null)
IVsExpansionManager expansionManager = null;
textManager2.GetExpansionManager(out expansionManager);
if (expansionManager != null)
// Tell the environment to fetch all of our snippets.
IVsExpansionEnumeration expansionEnumerator = null;
expansionManager.EnumerateExpansions(languageGuid,
0, // return all info
null, // return all types
0, // return all types
1, // include snippets without types
0, // do not include duplicates
out expansionEnumerator);
if (expansionEnumerator != null)
// Cache our expansions in a VsExpansion array
uint count = 0;
uint fetched = 0;
VsExpansion expansionInfo = new VsExpansion();
IntPtr[] pExpansionInfo = new IntPtr[1];
// Allocate enough memory for one VSExpansion structure. This memory is filled in by the Next method.
pExpansionInfo[0] = Marshal.AllocCoTaskMem(Marshal.SizeOf(expansionInfo));
expansionEnumerator.GetCount(out count);
for (uint i = 0; i < count; i++)
expansionEnumerator.Next(1, pExpansionInfo, out fetched);
if (fetched > 0)
// Convert the returned blob of data into a structure that can be read in managed code.
expansionInfo = (VsExpansion)Marshal.PtrToStructure(pExpansionInfo[0], typeof(VsExpansion));
if (!string.IsNullOrEmpty(expansionInfo.shortcut))
expansionsList.Add(expansionInfo);
Marshal.FreeCoTaskMem(pExpansionInfo[0]);
If I call this method from package initializing method I got count
== 0 in line
expansionEnumerator.GetCount(out count);
And if I call it from method ParseSource in LanguageService class
as MSDN recommends, I've just got expansionEnumerator
== null.
I've spent much time trying to understand whats going on, but still got this strange result. Could anybody tell me what am I doing wrong?Your XML files look good. Maybe it is necessary to add a shortcut to the snippet.
In my ViewFilter, I also react on the VSStd2KCmdID.INSERTSNIPPET command in HandlePreExec():
case VSConstants.VSStd2KCmdID.INSERTSNIPPET:
ExpansionProvider ep = this.GetExpansionProvider();
if (ep != null) {
ep.DisplayExpansionBrowser(this.TextView, "Snippets", null, false, null, false);
return true; -
Which version of Firefox will support HTML5 full?
Why Firefox not support HTML5 full? Which version of Firefox will support HTML5 full? i know that none of browsers support HTML5 full. but Google Chrome supports more than Firefox.
When Firefox will support HTML5 full?What about CSS3 ? is not fully standardized yet? Where is the CSS homepage?
-
Is Firefox 24.2.0 supports HTML5 ?
Is Firefox 24.2.0 version supports HTML5 ?
from which version of FireFOX HTML5 support is included ?Here is a list of HTML5 support for Firefox 21, which is close to what 22 supports.
http://html5test.com/compare/browser/firefox-21.html
22 is not secure or supported anymore so you shouldn't be running it. -
Does Firefox portable (4.0.1) fully support HTML5?
Hello,
I want to create a firefox-based program. For a good look this would require HTML5. Does the newest Version of Firefox support HTML5? To what extent? Is there any good information resource for this?
Thanks!
MarkusYes, Firefox supports HTML5. See this article for more details: [http://www.h-online.com/open/features/What-s-new-in-Firefox-4-0-1212755.html?page=2 What's new in Firefox 4.0]
-
CODE ADDED using HTML Snippet Widget does not work
I am trying to add some code to a web page using the HTML Snippet widget and it does not work on my page. the code is as follows:
<script src='http://adn.ebay.com/files/js/min/ebay_activeContent-min.js'></script>
<script src='http://adn.ebay.com/cb?programId=1&campId=5336536214&toolId=10026&keyword= coinset+nationaruba&catId=11116&width=728&height=90&font=1&textColor=333366&linkColor=333333&a rrowColor=8BBC01&color1=B5B5B5&color2=FFFFFF'></script>
Can anyone help me to get this to work?
Thanks!
GreggI got this code from Ebay. It is an Ebay partner link.
Gregg -
Does Dreamweaver CS6 Retail Boxed Support HTML5 video Tag?
Hello:
Does the retail boxed Dreamweaver 6 (Not CC) support the insertion of video into pages using the HTML5 <video> tag? My client can't use Flash. I found conflicting reports on the Web.
Thanks,
Rich LocusThe perpetual license version of CS6 doesn't have the <video> tag built into the insert menu and it can't be added via updates. CS6 Cloud is the first version where <video> appears in the menu. Either way, you can just add it to the Snippets folder of CS6 perpetual, if you plan to use a lot of video.
Here is the base code I use for html5 video in the older versions of DW (with Flash fallback)...
<video width="320" height="240">
<source src="myvideo.mp4" type="video/mp4" />
<source src="myvideo.ogv" type="video/ogg" />
<source src="myvideo.webm" type="video/webm" />
<object width="320" height="240">
<param name="movie" value="myvideo.swf" />
<embed src="myvideo.swf" width="320" height="240"></embed>
</object>
</video>
Paste that code into your source view and highlight it, then click the + button on the bottom of your Snippets window and give it a name. From there on out, you just double click that snippet to add video. Make sure you have at least two video source extensions to cover all browsers and you're good to go.
HTML video Tag -
HTML Snippet widget bug report.
Dear Apple iWeb 08 Engineers.
I didn't know where to send this bug report and so I have resorted to this forum. I hope it gets to you somehow.
When creating a simple HTML Snippet in a page it seems that the piece of code that refers to the newly created widget in the .html for the page has a bug in it. For example, I have a page on my website called "Animation"; it has a simple HTML Snippet the code for which has been tested (by viewing the file widget0_markup.html in a browser). In Animation.html the following line appears
<iframe id="widget0-frame" src=".//Animationfiles/widget0markup.html" frameborder="0" style="width: 100%; height: 100%;" scrolling="no" marginheight="0" marginwidth="0" allowTransparency="true"></iframe>
Surely the pathname in the "src" option is in error (what the **** is .//?). If I change it to ./ by hand then everything works. Please change this asap, because at the moment I have to go into every page and change it by hand after publishing.
Many thanks, Marvin.Thanks for the reply, but I'm afraid that I'm not convinced.
In all the flavours of unix that I've ever used ./ is the current directory, ../ is the parent directory and ../../ is the grandparent directory (not .// as you suggest). In any case, the path name of source file in question is ./Animationfiles/widget0markup.html (assuming the code in question is in the file Animation.html) and so going up the tree into the grandparent directory is not what you want to do anyway; the directory Animation_files is always in the same directory as Animation.html and the file widget0_markup.html is saved, by iWeb upon publication, in the directory ./Animation_files.
In short, I still think it's a bug, but thanks for the advice; I apologise if I am wrong.
Marvin. -
How would I use my html5 Music Store Widget in Muse?
I would like to "place" or insert my music store widget into muse, and have a visual of where it sits on the page... Is this possible?
Figured it out... It's so simple and obviouse, I feel dumb for asking... HTML5 scripts can be place and sized with the text tool... Copy your html or html5 script and paste into text box, size it with transform, and wahlah! In browser preview and there it sits... Seems any legit script works... Hope this helps users that come from copy and paste, drag and drop web editors like me.. Music players, Social buttons, etc...
-
Does Strobe support HTML5 playback?
Hi. Does Strobe provide a way to do HTML5 video playback using the video tag or does it require the Flash plugin? We're looking for a way to support browsers and devices that need Flash and also HTML5 video. Thanks.
Hi ac361,
As Bob Wohl pointed out, Strobe Media Playback runs in Flash Player, and is built on Adobe's OSMF.
For an HTML5 based video player, a good option for you might be OVP (Open Video Player). OVP was part of the inspiration for OSMF, so OVP and OSMF have similarities. However, a significant point of difference is that OVP is not Flash only.
The OVP project was recently extended to now have an HTML5 implementation. The OVP HTML5 landing page here:
http://openvideoplayer.sourceforge.net/html5video/
fyi ... For a recent, detailed "OSMF vs. OVP" discussion thread, see this forums link:
http://forums.adobe.com/message/2981859
hth,
g
Maybe you are looking for
-
Multiple level headers in column of an ALV report
Hi All, I have a requirement . I need to display a two level coloumn in alv grid display . Example : | Cust no | Address | |
-
I have an Ipod classic. I am able to download itunes onto my pc but am unable to sync them to the ipod anymore. Can't get onto the diagnostics 'thing'
-
Error occured in data selection!
Hi, data request was failed in my case when i schedule the data . in details tab of monitor screen , under extraction it is saying " error occured in data selection". while scheduling, i had given only one selection range of the many available fields
-
my z2 with lollipop has lost widgets of sound, gps, wifi, etc so I don't have direct access o direct button on screen to silence my z2 or turn on/off my wifi those buttons are essentials!!!!!
-
In AdvancedDataGrid - how can I stop sorting but keep order?
I've seen this question a few times on the web and so far no one has come up with a workable solution. I'm using the sorting in ADG with an XMLListCollection bound as a dataprovider. The user's are not happy because if the data changes in the column