Redoing the player in Flash

Discuss topics that are unrelated to Ace Attorney Online, introduce yourself if you're new and read the latest Member of the Month interview.

Moderators: EN - Assistant Moderators, EN - Forum Moderators

User avatar
henke37
Security expert / tools programmer
Posts: 3031
Joined: Wed Mar 04, 2009 9:42 pm
Gender: Male
Spoken languages: Swedish,English
Location: Sweden
Contact:

Re: Redoing the player in Flash

Post by henke37 »

I think I just want a simple page, no blog or any other strange things. Just a plain old normal page. I actually have some thin content already, it is the styling that I need here.
Currently working on a redesign of Court-records.net.
Phantom

Re: Redoing the player in Flash

Post by Phantom »

I can do that, I'll also be able to make it so you can easily add the content yourself [you'll have your own account and all ofc] (the only thing is, AT FIRST, it's gonna look like a blog, but overtime I can develop a child-theme specifically for how you want it, I just need more experience and time for this, so I suggest you either wait for your other guy, or find another option for the time-being)


Also, I found a server host that won't have to get me worried about paying for anything (gotta love having connections), so that can be covered too.
User avatar
henke37
Security expert / tools programmer
Posts: 3031
Joined: Wed Mar 04, 2009 9:42 pm
Gender: Male
Spoken languages: Swedish,English
Location: Sweden
Contact:

Re: Redoing the player in Flash

Post by henke37 »

I prefer to just type html and have it styled with css. No need to mess with any content management software. No database stuff, no fancy forms used to edit text. Just plain old html file uploading.

If you can provide css styling of existing html, then I am interested.
Currently working on a redesign of Court-records.net.
Phantom

Re: Redoing the player in Flash

Post by Phantom »

You mean a style.css file basically?

Code: Select all

/*
Example stylesheet, not sure if this is what you wanted henke
*/

body {
	margin: 0;
	padding: 0;
	background: #202020;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #6F6F6F;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-family: Impact, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #2B2522;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 2.8em;
}

h3 {
	font-size: 1.6em;
}

p, ul, ol {
	margin-top: 0;
	line-height: 180%;
}

ul, ol {
}

a {
	text-decoration: underline;
	color: #D93544;
}

a:hover {
	text-decoration: none;
}

#wrapper {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	background: #000000;
}

/* Header */

#header-wrapper {
	height: 120px;
}

#header {
	width: 1000px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
}

/* Logo */

#logo {
	float: left;
	width: 350px;
	margin: 0;
	padding: 0;
	color: #000000;
}

#logo h1, #logo p {
}

#logo h1 {
	margin-left: 30px;
	padding: 20px 0px 0px 0px;
	letter-spacing: -1px;
	text-transform: uppercase;
	font-family: Impact, Arial, Helvetica, sans-serif;
	font-size: 3.8em;
	font-weight: normal;
	color: #FA9F0A;
}

#logo h1 a {
	color: #FA9F0A;
}

#logo h1 span {
}

#logo p {
	margin: 0;
	padding: 0px 0 0 32px;
	font: normal 14px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #BEBEBE;
} 

#logo a {
	border: none;
	background: none;
	text-decoration: none;
	color: #707070;
}

/* Search */

#search {
	float: right;
	width: 280px;
	height: 60px;
	padding: 20px 0px 0px 0px;
}

#search form {
	height: 41px;
	margin: 0;
	padding: 10px 0 0 0px;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search-text {
	width: 170px;
	height: 19px;
	padding: 4px 5px 1px 5px;
	border: none;
	background: #FFFFFF;
	text-transform: lowercase;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #5D781D;
}

#search-submit {
	width: 50px;
	height: 26px;
	border: none;
	background: #D93544;
	color: #FFFFFF;
}

/* Menu */

#menu {
	float: right;
	height: 125px;
	margin: 0 auto;
	padding: 0;
	background: #D43442;
}

#menu ul {
	margin: 0;
	padding: 0px 0px 0px 0px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
	border-left: 1px solid #EC4E63;
}

#menu a {
	display: block;
	height: 80px;
	padding: 45px 25px 0px 25px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-family: Impact, Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: normal;
	color: #FFFFFF;
	border: none;
}

#menu a:hover, #menu .current_page_item a {
	text-decoration: none;
}

#menu .current_page_item a {
}

/* Page */

#page {
	width: 980px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
}

#page-bgtop {
	padding: 20px 0px;
}
/* Content */

#content {
	float: left;
	width: 600px;
	padding: 40px 0px 0px 20px;
}

.post {
	margin-bottom: 30px;
	padding: 30px 20px 20px 20px;
	background: #212121;
	border: 1px dashed #000000;
}

.post .title {
	height: 41px;
	padding: 0px 0px 0px 0px;
	letter-spacing: -1px;
}

.post .title a {
	text-decoration: none;
	color: #FFFFFF;
	border: none;
}

.post .entry {
	padding: 20px 30px 20px 30px;
	padding-bottom: 20px;
	text-align: justify;
}

.post .byline {
	clear: both;
	overflow: hidden;
	padding-bottom: 20px;
}

.post .meta {
	float: left;
}

.post .links {
	float: right;
}

.links a {
}

/* Sidebar */

#sidebar {
	float: right;
	width: 300px;
	margin: 0px;
	padding: 20px 20px 0px 0px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin: 0;
	padding: 0;
}

#sidebar li ul {
	margin: 0px 0px;
	padding-bottom: 30px;
}

#sidebar li li {
	line-height: 35px;
	border-bottom: 1px dashed #191919;
	background: url(images/img01.jpg) no-repeat left 15px; 
	margin: 0px 20px 0px 20px;
	border-left: none;
	text-align: left;
}

#sidebar li li span {
	display: block;
	margin-top: -20px;
	padding: 0;
	font-size: 11px;
	font-style: italic;
}

#sidebar li li a {
	padding: 0px 0px 0px 15px;
}

#sidebar h2 {
	height: 31px;
	margin: 0px 0px 20px 0px;
	padding: 10px 0px 0px 20px;
	background: url(images/img03.jpg) no-repeat left top;
	text-shadow: #203060 -1px 1px 2px;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: -.5px;
	font-size: 2em;
	color: #FFFFFF;
}

#sidebar p {
	margin: 0 0px;
	padding: 0px 20px 20px 20px;
	text-align: justify;
	color: #847F7E;
}

#sidebar a {
	border: none;
	color: #847F7E;
}

#sidebar a:hover {
	text-decoration: underline;
	color: #847F7E;
}

/* Calendar */

#calendar {
}

#calendar_wrap {
	padding: 20px;
}

#calendar table {
	width: 100%;
}

#calendar tbody td {
	text-align: center;
}

#calendar #next {
	text-align: right;
}

/* Footer */

#footer {
	width: 980px;
	height: 50px;
	margin: 0 auto;
	padding: 0px 0 15px 0;
	font-family: Arial, Helvetica, sans-serif;
}

#footer p {
	margin: 0;
	line-height: normal;
	font-size: 10px;
	text-transform: uppercase;
	text-align: center;
	color: #847F7E;
}

#footer a {
	color: #847F7E;
}
Will that do? It's dark :p

-Edit: It's just an example, you're gonna have to change the urls and such as well (you can also comment/uncomment some of the lines you don't need)
User avatar
henke37
Security expert / tools programmer
Posts: 3031
Joined: Wed Mar 04, 2009 9:42 pm
Gender: Male
Spoken languages: Swedish,English
Location: Sweden
Contact:

Re: Redoing the player in Flash

Post by henke37 »

Ok, new question. What video hosting sites do you want to see supported? I don't want to limit it to youtube. If you know of a site that would work, tell me!
Currently working on a redesign of Court-records.net.
Phantom

Re: Redoing the player in Flash

Post by Phantom »

veoh, vimeo, dailymotion, google video, megavideo are some of the most well known vid hosting sites I'm aware of besides youtube, though I'm not sure what people outside of america recommends (I know in Asia youhou and tokou (I think those are the correct spellings) are really popular in that region of the world).

Embedding-wise, I think google video and Veoh would be an easier alternative for youtube, but don't hold me to that.
User avatar
henke37
Security expert / tools programmer
Posts: 3031
Joined: Wed Mar 04, 2009 9:42 pm
Gender: Male
Spoken languages: Swedish,English
Location: Sweden
Contact:

Re: Redoing the player in Flash

Post by henke37 »

  • Google video is not gonna happen for the simple reason that they don't allow new uploads. It's kinda pointless for this purpose without that.
  • DailyMotion is already on the todo list, but I am having technical difficulties that their support staff of course are too clueless to understand.
  • Viemo does not have a chromeless player, that being none of their own gui. I don't accept anything less than proper chromeless players.
  • Veoh seems to not provide an embeddable player.
  • Megavideo doesn't provide a lot of information on their site, so I have sent them an email.
  • In addition to dedicated video hosting sites I am also allowing for plain old flv files hosted on any old website hosting. I may add support for FMS if someone actually requests that.
As for easy to work with, try looking at the youtube api, it is very simple. You load their player, you load the video and you get events when stuff happens. It is a pleasure to work with. It's a lot easier than the underlaying video playing api in Flash.
Currently working on a redesign of Court-records.net.
User avatar
henke37
Security expert / tools programmer
Posts: 3031
Joined: Wed Mar 04, 2009 9:42 pm
Gender: Male
Spoken languages: Swedish,English
Location: Sweden
Contact:

Re: Redoing the player in Flash

Post by henke37 »

For those that missed my MOTM interview, there has been an announcement:

The project is now open source

Interested parties can check out the assembla project and see what we have managed to do so far. But most importantly, feel free to contribute!
Currently working on a redesign of Court-records.net.
User avatar
henke37
Security expert / tools programmer
Posts: 3031
Joined: Wed Mar 04, 2009 9:42 pm
Gender: Male
Spoken languages: Swedish,English
Location: Sweden
Contact:

Re: Redoing the player in Flash

Post by henke37 »

Well, I am resuming work on this project now. I am going to need people assisting me with the graphics work. People with any kinds of bitmap editing skills are very welcome. And someone to help me with the animating would be a godsend.
Currently working on a redesign of Court-records.net.
User avatar
Exedeb
Posts: 115
Joined: Mon Jun 29, 2009 8:33 pm
Gender: Male
Spoken languages: Italian, English

Re: Redoing the player in Flash

Post by Exedeb »

How's going with the project now?
Post Reply